@seed-design/rootage-artifacts 2.5.0 → 2.7.0

package/__generated__/components/wheel-picker.d.ts

@@ -0,0 +1,287 @@
+declare const artifact: {
+  "kind": "ComponentSpec";
+  "metadata": {
+    "id": "wheel-picker";
+    "name": "Wheel Picker";
+  };
+  "data": {
+    "id": "wheel-picker";
+    "name": "Wheel Picker";
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "height": {
+              "type": "dimension";
+            };
+            "color": {
+              "type": "color";
+            };
+          };
+        };
+        "selectionIndicator": {
+          "properties": {
+            "height": {
+              "type": "dimension";
+            };
+            "insetX": {
+              "type": "dimension";
+            };
+            "cornerRadius": {
+              "type": "dimension";
+            };
+            "color": {
+              "type": "color";
+            };
+          };
+        };
+        "scrollFog": {
+          "properties": {
+            "maxHeight": {
+              "type": "dimension";
+            };
+            "maxHeightFraction": {
+              "type": "number";
+            };
+          };
+        };
+        "item": {
+          "properties": {
+            "height": {
+              "type": "dimension";
+            };
+          };
+        };
+        "itemLabel": {
+          "properties": {
+            "paddingX": {
+              "type": "dimension";
+            };
+            "fontSize": {
+              "type": "dimension";
+            };
+            "lineHeight": {
+              "type": "dimension";
+            };
+            "fontWeight": {
+              "type": "number";
+            };
+            "color": {
+              "type": "color";
+            };
+          };
+        };
+      };
+      "variants": {
+        "size": {
+          "values": {
+            "small": {};
+            "medium": {};
+          };
+          "defaultValue": "small";
+        };
+      };
+    };
+    "definitions": readonly [
+      {
+        "variants": {};
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.bg.layer-floating";
+                };
+              };
+              "selectionIndicator": {
+                "insetX": {
+                  "type": "dimension";
+                  "value": "$dimension.x4";
+                };
+                "cornerRadius": {
+                  "type": "dimension";
+                  "value": "$radius.r2";
+                };
+                "color": {
+                  "type": "color";
+                  "value": "$color.bg.neutral-weak";
+                };
+              };
+              "scrollFog": {
+                "maxHeightFraction": {
+                  "type": "number";
+                  "value": 0.4;
+                };
+              };
+              "itemLabel": {
+                "paddingX": {
+                  "type": "dimension";
+                  "value": "$dimension.x4";
+                };
+                "fontWeight": {
+                  "type": "number";
+                  "value": "$font-weight.medium";
+                };
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.disabled";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "selected",
+            ];
+            "slots": {
+              "itemLabel": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.neutral";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "disabled",
+            ];
+            "slots": {
+              "itemLabel": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.disabled";
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "small";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 180;
+                    "unit": "px";
+                  };
+                };
+              };
+              "selectionIndicator": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 36;
+                    "unit": "px";
+                  };
+                };
+              };
+              "scrollFog": {
+                "maxHeight": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 108;
+                    "unit": "px";
+                  };
+                };
+              };
+              "item": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 36;
+                    "unit": "px";
+                  };
+                };
+              };
+              "itemLabel": {
+                "fontSize": {
+                  "type": "dimension";
+                  "value": "$font-size.t7-static";
+                };
+                "lineHeight": {
+                  "type": "dimension";
+                  "value": "$line-height.t7-static";
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "medium";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 220;
+                    "unit": "px";
+                  };
+                };
+              };
+              "selectionIndicator": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 44;
+                    "unit": "px";
+                  };
+                };
+              };
+              "scrollFog": {
+                "maxHeight": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 132;
+                    "unit": "px";
+                  };
+                };
+              };
+              "item": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 44;
+                    "unit": "px";
+                  };
+                };
+              };
+              "itemLabel": {
+                "fontSize": {
+                  "type": "dimension";
+                  "value": "$font-size.t10-static";
+                };
+                "lineHeight": {
+                  "type": "dimension";
+                  "value": "$line-height.t10-static";
+                };
+              };
+            };
+          },
+        ];
+      },
+    ];
+  };
+};
+export default artifact;

package/__generated__/components/wheel-picker.json

@@ -0,0 +1,286 @@
+{
+  "kind": "ComponentSpec",
+  "metadata": {
+    "id": "wheel-picker",
+    "name": "Wheel Picker"
+  },
+  "data": {
+    "id": "wheel-picker",
+    "name": "Wheel Picker",
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "height": {
+              "type": "dimension"
+            },
+            "color": {
+              "type": "color"
+            }
+          }
+        },
+        "selectionIndicator": {
+          "properties": {
+            "height": {
+              "type": "dimension"
+            },
+            "insetX": {
+              "type": "dimension"
+            },
+            "cornerRadius": {
+              "type": "dimension"
+            },
+            "color": {
+              "type": "color"
+            }
+          }
+        },
+        "scrollFog": {
+          "properties": {
+            "maxHeight": {
+              "type": "dimension"
+            },
+            "maxHeightFraction": {
+              "type": "number"
+            }
+          }
+        },
+        "item": {
+          "properties": {
+            "height": {
+              "type": "dimension"
+            }
+          }
+        },
+        "itemLabel": {
+          "properties": {
+            "paddingX": {
+              "type": "dimension"
+            },
+            "fontSize": {
+              "type": "dimension"
+            },
+            "lineHeight": {
+              "type": "dimension"
+            },
+            "fontWeight": {
+              "type": "number"
+            },
+            "color": {
+              "type": "color"
+            }
+          }
+        }
+      },
+      "variants": {
+        "size": {
+          "values": {
+            "small": {},
+            "medium": {}
+          },
+          "defaultValue": "small"
+        }
+      }
+    },
+    "definitions": [
+      {
+        "variants": {},
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.bg.layer-floating"
+                }
+              },
+              "selectionIndicator": {
+                "insetX": {
+                  "type": "dimension",
+                  "value": "$dimension.x4"
+                },
+                "cornerRadius": {
+                  "type": "dimension",
+                  "value": "$radius.r2"
+                },
+                "color": {
+                  "type": "color",
+                  "value": "$color.bg.neutral-weak"
+                }
+              },
+              "scrollFog": {
+                "maxHeightFraction": {
+                  "type": "number",
+                  "value": 0.4
+                }
+              },
+              "itemLabel": {
+                "paddingX": {
+                  "type": "dimension",
+                  "value": "$dimension.x4"
+                },
+                "fontWeight": {
+                  "type": "number",
+                  "value": "$font-weight.medium"
+                },
+                "color": {
+                  "type": "color",
+                  "value": "$color.fg.disabled"
+                }
+              }
+            }
+          },
+          {
+            "states": [
+              "selected"
+            ],
+            "slots": {
+              "itemLabel": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.fg.neutral"
+                }
+              }
+            }
+          },
+          {
+            "states": [
+              "disabled"
+            ],
+            "slots": {
+              "itemLabel": {
+                "color": {
+                  "type": "color",
+                  "value": "$color.fg.disabled"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "size": "small"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 180,
+                    "unit": "px"
+                  }
+                }
+              },
+              "selectionIndicator": {
+                "height": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 36,
+                    "unit": "px"
+                  }
+                }
+              },
+              "scrollFog": {
+                "maxHeight": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 108,
+                    "unit": "px"
+                  }
+                }
+              },
+              "item": {
+                "height": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 36,
+                    "unit": "px"
+                  }
+                }
+              },
+              "itemLabel": {
+                "fontSize": {
+                  "type": "dimension",
+                  "value": "$font-size.t7-static"
+                },
+                "lineHeight": {
+                  "type": "dimension",
+                  "value": "$line-height.t7-static"
+                }
+              }
+            }
+          }
+        ]
+      },
+      {
+        "variants": {
+          "size": "medium"
+        },
+        "definitions": [
+          {
+            "states": [
+              "enabled"
+            ],
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 220,
+                    "unit": "px"
+                  }
+                }
+              },
+              "selectionIndicator": {
+                "height": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 44,
+                    "unit": "px"
+                  }
+                }
+              },
+              "scrollFog": {
+                "maxHeight": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 132,
+                    "unit": "px"
+                  }
+                }
+              },
+              "item": {
+                "height": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 44,
+                    "unit": "px"
+                  }
+                }
+              },
+              "itemLabel": {
+                "fontSize": {
+                  "type": "dimension",
+                  "value": "$font-size.t10-static"
+                },
+                "lineHeight": {
+                  "type": "dimension",
+                  "value": "$line-height.t10-static"
+                }
+              }
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

package/__generated__/components/wheel-picker.mjs

@@ -0,0 +1,2 @@
+import artifact from "./wheel-picker.json" with { type: "json" };
+export default artifact;

package/__generated__/index.d.ts

@@ -1,6 +1,6 @@
 declare const artifact: {
   "name": "Rootage";
-  "version": "2.5.0";
+  "version": "2.7.0";
   "resources": readonly [
     {
       "path": "/collections.json";
@@ -68,6 +68,9 @@ declare const artifact: {
     {
       "path": "/components/bottom-sheet.json";
     },
+    {
+      "path": "/components/callout-close-button.json";
+    },
     {
       "path": "/components/callout.json";
     },
@@ -188,9 +191,18 @@ declare const artifact: {
     {
       "path": "/components/notification-badge.json";
     },
+    {
+      "path": "/components/page-banner-close-button.json";
+    },
     {
       "path": "/components/page-banner.json";
     },
+    {
+      "path": "/components/pagination-button.json";
+    },
+    {
+      "path": "/components/pagination-page-item.json";
+    },
     {
       "path": "/components/progress-circle.json";
     },
@@ -305,6 +317,9 @@ declare const artifact: {
     {
       "path": "/components/typography.json";
     },
+    {
+      "path": "/components/wheel-picker.json";
+    },
     {
       "path": "/dimension.json";
     },

package/__generated__/index.json

@@ -1,6 +1,6 @@
 {
   "name": "Rootage",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "resources": [
     {
       "path": "/collections.json"
@@ -68,6 +68,9 @@
     {
       "path": "/components/bottom-sheet.json"
     },
+    {
+      "path": "/components/callout-close-button.json"
+    },
     {
       "path": "/components/callout.json"
     },
@@ -188,9 +191,18 @@
     {
       "path": "/components/notification-badge.json"
     },
+    {
+      "path": "/components/page-banner-close-button.json"
+    },
     {
       "path": "/components/page-banner.json"
     },
+    {
+      "path": "/components/pagination-button.json"
+    },
+    {
+      "path": "/components/pagination-page-item.json"
+    },
     {
       "path": "/components/progress-circle.json"
     },
@@ -305,6 +317,9 @@
     {
       "path": "/components/typography.json"
     },
+    {
+      "path": "/components/wheel-picker.json"
+    },
     {
       "path": "/dimension.json"
     },

package/color.yaml

@@ -709,7 +709,7 @@ data:
         theme-light: $color.palette.gray-1000
         theme-dark: $color.palette.gray-1000
     $color.stroke.neutral-muted:
-      description: 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted)
+      description: 의미 단위가 바뀌는 경계를 나누는 선입니다. 섹션과 섹션 사이, 콘텐츠와 액션 영역 사이, 헤더와 본문 경계처럼 한 화면에 한두 번만 등장하는 구분에 사용됩니다. (muted)
       values:
         theme-light: $color.palette.static-black-alpha-300
         theme-dark: $color.palette.static-white-alpha-100
@@ -719,12 +719,12 @@ data:
         theme-light: $color.palette.gray-800
         theme-dark: $color.palette.gray-800
     $color.stroke.neutral-subtle:
-      description: 일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle)
+      description: 반복되는 동일한 성격의 항목 사이를 나누는 선입니다. 리스트 아이템, 테이블 row, 설정 메뉴 항목처럼 한 화면에 여러 번 등장하는 구분에 사용됩니다. (subtle)
       values:
         theme-light: $color.palette.static-black-alpha-200
         theme-dark: $color.palette.static-white-alpha-50
     $color.stroke.neutral-weak:
-      description: 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak)
+      description: 요소의 외곽을 그려 형태를 만드는 선입니다. 카드, 인풋 필드, 아웃라인 버튼처럼 선 자체가 요소의 경계를 정의할 때 사용됩니다. (weak)
       values:
         theme-light: $color.palette.gray-400
         theme-dark: $color.palette.gray-400