@seed-design/rootage-artifacts 1.2.11 → 2.0.0

package/__generated__/components/progress-circle.json

@@ -0,0 +1,318 @@
+{
+  "kind": "ComponentSpec",
+  "metadata": {
+    "id": "progress-circle",
+    "name": "Progress Circle"
+  },
+  "data": {
+    "id": "progress-circle",
+    "name": "Progress Circle",
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "size": {
+              "type": "dimension"
+            },
+            "thickness": {
+              "type": "dimension"
+            }
+          }
+        },
+        "track": {
+          "properties": {
+            "color": {
+              "type": "color"
+            }
+          }
+        },
+        "range": {
+          "properties": {
+            "color": {
+              "type": "color"
+            },
+            "lengthDuration": {
+              "type": "duration"
+            },
+            "lengthTimingFunction": {
+              "type": "cubicBezier"
+            },
+            "rotateDuration": {
+              "type": "duration"
+            },
+            "headTimingFunction": {
+              "type": "cubicBezier"
+            },
+            "tailTimingFunction": {
+              "type": "cubicBezier"
+            },
+            "rotateTimingFunction": {
+              "type": "cubicBezier"
+            }
+          }
+        }
+      },
+      "variants": {
+        "size": {
+          "values": {
+            "24": {
+              "description": "특정 요소 안에서 사용하는 경우 사용합니다."
+            },
+            "40": {
+              "description": "주로 전체 페이지 로딩에 사용합니다."
+            }
+          },
+          "defaultValue": "40"
+        },
+        "indeterminate": {
+          "values": {
+            "false": {
+              "description": "대기 시간이 얼마나 남은지 아는 상황일 때 사용합니다. 진행 상황에 맞춰서 원을 채웁니다."
+            },
+            "true": {
+              "description": "대기 시간이 얼마나 남은지 모르는 상황일 때 사용합니다. 계속해서 회전하는 동작을 합니다."
+            }
+          },
+          "defaultValue": "false"
+        },
+        "tone": {
+          "values": {
+            "neutral": {
+              "description": "가장 보편적으로 사용되며 스타일보다는 로딩 상태의 인식이 더 중요한 경우 사용합니다."
+            },
+            "brand": {
+              "description": "사용자 경험의 초기 단계에서 브랜드 컬러를 통해 주요 전환점을 강조할 때 사용합니다."
+            },
+            "staticWhite": {
+              "description": "화면 전체를 어둡게 덮는 오버레이(Overlay) 위에 로딩 상태를 표시할 때 사용합니다."
+            }
+          },
+          "defaultValue": "neutral"
+        }
+      }
+    },
+    "definitions": [
+      {
+        "variants": {
+          "size": "40"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "size": {
+                  "type": "dimension",
+                  "value": "$dimension.x10"
+                },
+                "thickness": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 5,
+                    "unit": "px"
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "size": "24"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "size": {
+                  "type": "dimension",
+                  "value": "$dimension.x6"
+                },
+                "thickness": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 3,
+                    "unit": "px"
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "indeterminate": "false"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "range": {
+                "lengthDuration": {
+                  "type": "duration",
+                  "value": {
+                    "value": 300,
+                    "unit": "ms"
+                  }
+                },
+                "lengthTimingFunction": {
+                  "type": "cubicBezier",
+                  "value": [
+                    0,
+                    0,
+                    0.15,
+                    1
+                  ]
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "indeterminate": "true"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "range": {
+                "lengthDuration": {
+                  "type": "duration",
+                  "value": {
+                    "value": 1.2,
+                    "unit": "s"
+                  }
+                },
+                "rotateDuration": {
+                  "type": "duration",
+                  "value": {
+                    "value": 1.2,
+                    "unit": "s"
+                  }
+                },
+                "headTimingFunction": {
+                  "type": "cubicBezier",
+                  "value": [
+                    0.35,
+                    0,
+                    0.65,
+                    1
+                  ]
+                },
+                "tailTimingFunction": {
+                  "type": "cubicBezier",
+                  "value": [
+                    0.35,
+                    0,
+                    0.65,
+                    0.6
+                  ]
+                },
+                "rotateTimingFunction": {
+                  "type": "cubicBezier",
+                  "value": [
+                    0.35,
+                    0.25,
+                    0.65,
+                    0.75
+                  ]
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "tone": "neutral"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "track": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.palette.gray-200"
+                }
+              },
+              "range": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.palette.gray-500"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "tone": "brand"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "track": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.palette.carrot-200"
+                }
+              },
+              "range": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.bg.brand-solid"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "tone": "staticWhite"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "track": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.palette.static-white-alpha-300"
+                }
+              },
+              "range": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.palette.static-white"
+                }
+              }
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

package/__generated__/components/radio-group.json

@@ -0,0 +1,43 @@
+{
+  "kind": "ComponentSpec",
+  "metadata": {
+    "id": "radio-group",
+    "name": "Radio Group"
+  },
+  "data": {
+    "id": "radio-group",
+    "name": "Radio Group",
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "gapY": {
+              "type": "dimension"
+            }
+          }
+        }
+      },
+      "variants": {}
+    },
+    "definitions": [
+      {
+        "variants": {},
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "gapY": {
+                  "type": "dimension",
+                  "value": "$dimension.x1"
+                }
+              }
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

package/__generated__/components/radio.json

@@ -0,0 +1,196 @@
+{
+  "kind": "ComponentSpec",
+  "metadata": {
+    "id": "radio",
+    "name": "Radio"
+  },
+  "data": {
+    "id": "radio",
+    "name": "Radio",
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "gap": {
+              "type": "dimension"
+            },
+            "minHeight": {
+              "type": "dimension"
+            }
+          }
+        },
+        "label": {
+          "properties": {
+            "color": {
+              "type": "color"
+            },
+            "fontWeight": {
+              "type": "number"
+            },
+            "fontSize": {
+              "type": "dimension"
+            },
+            "lineHeight": {
+              "type": "dimension"
+            }
+          }
+        }
+      },
+      "variants": {
+        "weight": {
+          "values": {
+            "regular": {},
+            "bold": {}
+          },
+          "defaultValue": "regular"
+        },
+        "size": {
+          "values": {
+            "medium": {},
+            "large": {}
+          },
+          "defaultValue": "medium"
+        }
+      }
+    },
+    "definitions": [
+      {
+        "variants": {},
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "label": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.fg.neutral"
+                }
+              },
+              "root": {
+                "gap": {
+                  "type": "dimension",
+                  "value": "$dimension.x2"
+                }
+              }
+            }
+          },
+          {
+            "states": [
+              "disabled"
+            ],
+            "slots": {
+              "label": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.fg.disabled"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "weight": "regular"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "label": {
+                "fontWeight": {
+                  "type": "number",
+                  "value": "$font-weight.regular"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "weight": "bold"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "label": {
+                "fontWeight": {
+                  "type": "number",
+                  "value": "$font-weight.bold"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "size": "medium"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "minHeight": {
+                  "type": "dimension",
+                  "value": "$dimension.x8"
+                }
+              },
+              "label": {
+                "fontSize": {
+                  "type": "dimension",
+                  "value": "$font-size.t4"
+                },
+                "lineHeight": {
+                  "type": "dimension",
+                  "value": "$line-height.t4"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "size": "large"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "minHeight": {
+                  "type": "dimension",
+                  "value": "$dimension.x9"
+                }
+              },
+              "label": {
+                "fontSize": {
+                  "type": "dimension",
+                  "value": "$font-size.t5"
+                },
+                "lineHeight": {
+                  "type": "dimension",
+                  "value": "$line-height.t5"
+                }
+              }
+            }
+          }
+        ]
+      }
+    ]
+  }
+}