@seed-design/rootage-artifacts 2.3.0 → 2.5.0

package/__generated__/radius.d.ts

@@ -0,0 +1,134 @@
+declare const artifact: {
+  "kind": "Tokens";
+  "metadata": {
+    "id": "radius";
+    "name": "Radius";
+  };
+  "data": {
+    "collection": "global";
+    "tokens": {
+      "$radius.r0_5": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 2;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r1": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 4;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r1_5": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 6;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r2": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 8;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r2_5": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 10;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r3": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 12;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r3_5": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 14;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r4": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 16;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r5": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 20;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.r6": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 24;
+              "unit": "px";
+            };
+          };
+        };
+      };
+      "$radius.full": {
+        "values": {
+          "default": {
+            "type": "dimension";
+            "value": {
+              "value": 9999;
+              "unit": "px";
+            };
+          };
+        };
+      };
+    };
+  };
+};
+export default artifact;

package/__generated__/radius.mjs

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

package/__generated__/scale.d.ts

@@ -0,0 +1,49 @@
+declare const artifact: {
+  "kind": "Tokens";
+  "metadata": {
+    "id": "scale";
+    "name": "Scale";
+  };
+  "data": {
+    "collection": "motion";
+    "tokens": {
+      "$scale.s95": {
+        "values": {
+          "preferred": {
+            "type": "number";
+            "value": 0.95;
+          };
+          "reduced": {
+            "type": "number";
+            "value": 1;
+          };
+        };
+      };
+      "$scale.s97": {
+        "values": {
+          "preferred": {
+            "type": "number";
+            "value": 0.97;
+          };
+          "reduced": {
+            "type": "number";
+            "value": 1;
+          };
+        };
+      };
+      "$scale.s98": {
+        "values": {
+          "preferred": {
+            "type": "number";
+            "value": 0.98;
+          };
+          "reduced": {
+            "type": "number";
+            "value": 1;
+          };
+        };
+      };
+    };
+  };
+};
+export default artifact;

package/__generated__/scale.mjs

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

package/__generated__/shadow.d.ts

@@ -0,0 +1,171 @@
+declare const artifact: {
+  "kind": "Tokens";
+  "metadata": {
+    "id": "shadow";
+    "name": "Shadow";
+    "lastUpdated": "26-01-06";
+  };
+  "data": {
+    "collection": "color";
+    "tokens": {
+      "$shadow.s1": {
+        "values": {
+          "theme-light": {
+            "type": "shadow";
+            "value": readonly [
+              {
+                "color": "#00000014";
+                "offsetX": {
+                  "value": 0;
+                  "unit": "px";
+                };
+                "offsetY": {
+                  "value": 1;
+                  "unit": "px";
+                };
+                "blur": {
+                  "value": 4;
+                  "unit": "px";
+                };
+                "spread": {
+                  "value": 0;
+                  "unit": "px";
+                };
+              },
+            ];
+          };
+          "theme-dark": {
+            "type": "shadow";
+            "value": readonly [
+              {
+                "color": "#00000080";
+                "offsetX": {
+                  "value": 0;
+                  "unit": "px";
+                };
+                "offsetY": {
+                  "value": 1;
+                  "unit": "px";
+                };
+                "blur": {
+                  "value": 4;
+                  "unit": "px";
+                };
+                "spread": {
+                  "value": 0;
+                  "unit": "px";
+                };
+              },
+            ];
+          };
+        };
+      };
+      "$shadow.s2": {
+        "values": {
+          "theme-light": {
+            "type": "shadow";
+            "value": readonly [
+              {
+                "color": "#0000001a";
+                "offsetX": {
+                  "value": 0;
+                  "unit": "px";
+                };
+                "offsetY": {
+                  "value": 2;
+                  "unit": "px";
+                };
+                "blur": {
+                  "value": 10;
+                  "unit": "px";
+                };
+                "spread": {
+                  "value": 0;
+                  "unit": "px";
+                };
+              },
+            ];
+          };
+          "theme-dark": {
+            "type": "shadow";
+            "value": readonly [
+              {
+                "color": "#000000ad";
+                "offsetX": {
+                  "value": 0;
+                  "unit": "px";
+                };
+                "offsetY": {
+                  "value": 2;
+                  "unit": "px";
+                };
+                "blur": {
+                  "value": 10;
+                  "unit": "px";
+                };
+                "spread": {
+                  "value": 0;
+                  "unit": "px";
+                };
+              },
+            ];
+          };
+        };
+      };
+      "$shadow.s3": {
+        "values": {
+          "theme-light": {
+            "type": "shadow";
+            "value": readonly [
+              {
+                "color": "#0000001f";
+                "offsetX": {
+                  "value": 0;
+                  "unit": "px";
+                };
+                "offsetY": {
+                  "value": 4;
+                  "unit": "px";
+                };
+                "blur": {
+                  "value": 16;
+                  "unit": "px";
+                };
+                "spread": {
+                  "value": 0;
+                  "unit": "px";
+                };
+              },
+            ];
+          };
+          "theme-dark": {
+            "type": "shadow";
+            "value": readonly [
+              {
+                "color": "#000000cc";
+                "offsetX": {
+                  "value": 0;
+                  "unit": "px";
+                };
+                "offsetY": {
+                  "value": 4;
+                  "unit": "px";
+                };
+                "blur": {
+                  "value": 16;
+                  "unit": "px";
+                };
+                "spread": {
+                  "value": 0;
+                  "unit": "px";
+                };
+              },
+            ];
+          };
+        };
+        "description": "화면의 다른 요소들보다 가장 높은 계층에 위치할 때 사용됩니다.";
+      };
+    };
+  };
+};
+export default artifact;

package/__generated__/shadow.mjs

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

package/__generated__/timing-function.d.ts

@@ -0,0 +1,104 @@
+declare const artifact: {
+  "kind": "Tokens";
+  "metadata": {
+    "id": "timing-function";
+    "name": "Timing Function";
+  };
+  "data": {
+    "collection": "global";
+    "tokens": {
+      "$timing-function.linear": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0,
+              0,
+              1,
+              1,
+            ];
+          };
+        };
+      };
+      "$timing-function.easing": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0.35,
+              0,
+              0.35,
+              1,
+            ];
+          };
+        };
+      };
+      "$timing-function.enter": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0,
+              0,
+              0.15,
+              1,
+            ];
+          };
+        };
+      };
+      "$timing-function.exit": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0.35,
+              0,
+              1,
+              1,
+            ];
+          };
+        };
+      };
+      "$timing-function.enter-expressive": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0.03,
+              0.4,
+              0.1,
+              1,
+            ];
+          };
+        };
+      };
+      "$timing-function.exit-expressive": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0.35,
+              0,
+              0.95,
+              0.55,
+            ];
+          };
+        };
+      };
+      "$timing-function.pressed-scale": {
+        "values": {
+          "default": {
+            "type": "cubicBezier";
+            "value": readonly [
+              0,
+              0,
+              0.15,
+              1,
+            ];
+          };
+        };
+      };
+    };
+  };
+};
+export default artifact;

package/__generated__/timing-function.mjs

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

package/components/date-picker.yaml

@@ -0,0 +1,187 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: date-picker
+  name: Date Picker
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          color:
+            type: color
+      header:
+        properties:
+          height:
+            type: dimension
+      headerLabel:
+        properties:
+          paddingX:
+            type: dimension
+          gap:
+            type: dimension
+          iconSize:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      months:
+        properties:
+          gap:
+            type: dimension
+      continuousScroll:
+        properties:
+          fogHeight:
+            type: dimension
+      weekday:
+        properties:
+          height:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      monthLabel:
+        properties:
+          height:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      dateCell:
+        properties:
+          minHeight:
+            type: dimension
+      dateVisual:
+        properties:
+          size:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          color:
+            type: color
+      dateContent:
+        properties:
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+      rangeBackground:
+        properties:
+          color:
+            type: color
+      wheelSelectionIndicator:
+        properties:
+          cornerRadius:
+            type: dimension
+          color:
+            type: color
+      wheelContainer:
+        properties:
+          height:
+            type: dimension
+      wheelItem:
+        properties:
+          paddingX:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          color: $color.bg.layer-floating
+        header:
+          height: $dimension.x12
+        headerLabel:
+          paddingX: $dimension.x1
+          gap: $dimension.x1
+          iconSize: $dimension.x5
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.bold
+          color: $color.fg.neutral
+        months:
+          gap: $dimension.x6
+        continuousScroll:
+          fogHeight: 96px
+        weekday:
+          height: $dimension.x12
+          fontSize: $font-size.t4
+          lineHeight: $line-height.t4
+          fontWeight: $font-weight.medium
+          color: $color.fg.neutral-subtle
+        monthLabel:
+          height: $dimension.x12
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.bold
+          color: $color.fg.neutral
+        dateCell:
+          minHeight: $dimension.x12
+        dateVisual:
+          size: 42px
+          cornerRadius: $radius.full
+          color: $color.bg.transparent
+        dateContent:
+          fontSize: $font-size.t5
+          lineHeight: $line-height.t5
+          fontWeight: $font-weight.medium
+          color: $color.fg.neutral-muted
+        rangeBackground:
+          color: $color.bg.neutral-weak
+        wheelSelectionIndicator:
+          cornerRadius: $radius.r2
+          color: $color.bg.neutral-weak
+        wheelContainer:
+          # 44px × 7개 항목(308px)을 중앙 정렬하고 위아래 14px 여백을 둡니다.
+          height: 336px
+        wheelItem:
+          paddingX: $dimension.x4
+          fontSize: $font-size.t10-static
+          lineHeight: $line-height.t10-static
+          fontWeight: $font-weight.medium
+          color: $color.fg.disabled
+      pressed:
+        dateVisual:
+          color: $color.bg.transparent-pressed
+      today:
+        dateVisual:
+          color: $color.bg.neutral-weak
+      selected:
+        dateVisual:
+          color: $color.bg.neutral-inverted
+        dateContent:
+          color: $color.fg.neutral-inverted
+        wheelItem:
+          color: $color.fg.neutral
+      readOnly:
+        dateVisual:
+          color: $color.palette.gray-600
+      disabled:
+        dateContent:
+          color: $color.fg.disabled

package/components/time-picker.yaml

@@ -0,0 +1,53 @@
+# yaml-language-server: $schema=./schema.json
+kind: ComponentSpec
+metadata:
+  id: time-picker
+  name: Time Picker
+data:
+  schema:
+    slots:
+      root:
+        properties:
+          height:
+            type: dimension
+      selectionIndicator:
+        properties:
+          height:
+            type: dimension
+          cornerRadius:
+            type: dimension
+          color:
+            type: color
+      item:
+        properties:
+          height:
+            type: dimension
+          paddingX:
+            type: dimension
+          fontSize:
+            type: dimension
+          lineHeight:
+            type: dimension
+          fontWeight:
+            type: number
+          color:
+            type: color
+  definitions:
+    base:
+      enabled:
+        root:
+          height: 220px
+        selectionIndicator:
+          height: 44px
+          cornerRadius: $radius.r2
+          color: $color.bg.neutral-weak
+        item:
+          height: 44px
+          paddingX: $dimension.x4
+          fontSize: $font-size.t10-static
+          lineHeight: $line-height.t10-static
+          fontWeight: $font-weight.medium
+          color: $color.fg.disabled
+      selected:
+        item:
+          color: $color.fg.neutral