@seed-design/rootage-artifacts 2.3.0 → 2.5.0

package/__generated__/components/switchmark.d.ts

@@ -0,0 +1,503 @@
+declare const artifact: {
+  "kind": "ComponentSpec";
+  "metadata": {
+    "id": "switchmark";
+    "name": "Switchmark";
+    "lastUpdated": "25-12-16";
+  };
+  "data": {
+    "id": "switchmark";
+    "name": "Switchmark";
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "cornerRadius": {
+              "type": "dimension";
+            };
+            "color": {
+              "type": "color";
+            };
+            "colorDuration": {
+              "type": "duration";
+            };
+            "colorTimingFunction": {
+              "type": "cubicBezier";
+            };
+            "colorDelay": {
+              "type": "duration";
+            };
+            "opacity": {
+              "type": "number";
+            };
+            "opacityDuration": {
+              "type": "duration";
+            };
+            "opacityTimingFunction": {
+              "type": "cubicBezier";
+            };
+            "height": {
+              "type": "dimension";
+            };
+            "width": {
+              "type": "dimension";
+            };
+            "paddingX": {
+              "type": "dimension";
+            };
+            "paddingY": {
+              "type": "dimension";
+            };
+          };
+        };
+        "thumb": {
+          "properties": {
+            "color": {
+              "type": "color";
+            };
+            "colorDuration": {
+              "type": "duration";
+            };
+            "colorTimingFunction": {
+              "type": "cubicBezier";
+            };
+            "colorDelay": {
+              "type": "duration";
+            };
+            "cornerRadius": {
+              "type": "dimension";
+            };
+            "height": {
+              "type": "dimension";
+            };
+            "width": {
+              "type": "dimension";
+            };
+            "scale": {
+              "type": "number";
+            };
+            "scaleDuration": {
+              "type": "duration";
+            };
+            "scaleTimingFunction": {
+              "type": "cubicBezier";
+            };
+            "translateDuration": {
+              "type": "duration";
+            };
+            "translateTimingFunction": {
+              "type": "cubicBezier";
+            };
+          };
+        };
+      };
+      "variants": {
+        "tone": {
+          "values": {
+            "brand": {};
+            "neutral": {};
+          };
+          "defaultValue": "brand";
+        };
+        "size": {
+          "values": {
+            "16": {};
+            "24": {};
+            "32": {};
+          };
+          "defaultValue": "32";
+        };
+      };
+    };
+    "definitions": readonly [
+      {
+        "variants": {};
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "cornerRadius": {
+                  "type": "dimension";
+                  "value": "$radius.full";
+                };
+                "color": {
+                  "type": "color";
+                  "value": "$color.palette.gray-600";
+                };
+                "colorDuration": {
+                  "type": "duration";
+                  "value": "$duration.d1";
+                };
+                "colorTimingFunction": {
+                  "type": "cubicBezier";
+                  "value": "$timing-function.easing";
+                };
+                "colorDelay": {
+                  "type": "duration";
+                  "value": {
+                    "value": 20;
+                    "unit": "ms";
+                  };
+                };
+              };
+              "thumb": {
+                "cornerRadius": {
+                  "type": "dimension";
+                  "value": "$radius.full";
+                };
+                "scale": {
+                  "type": "number";
+                  "value": 0.8;
+                };
+                "scaleDuration": {
+                  "type": "duration";
+                  "value": "$duration.d3";
+                };
+                "scaleTimingFunction": {
+                  "type": "cubicBezier";
+                  "value": "$timing-function.easing";
+                };
+                "translateDuration": {
+                  "type": "duration";
+                  "value": "$duration.d3";
+                };
+                "translateTimingFunction": {
+                  "type": "cubicBezier";
+                  "value": "$timing-function.easing";
+                };
+                "colorDuration": {
+                  "type": "duration";
+                  "value": "$duration.d1";
+                };
+                "colorTimingFunction": {
+                  "type": "cubicBezier";
+                  "value": "$timing-function.easing";
+                };
+                "colorDelay": {
+                  "type": "duration";
+                  "value": {
+                    "value": 20;
+                    "unit": "ms";
+                  };
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "disabled",
+            ];
+            "slots": {
+              "root": {
+                "opacity": {
+                  "type": "number";
+                  "value": 0.38;
+                };
+                "opacityDuration": {
+                  "type": "duration";
+                  "value": "$duration.d1";
+                };
+                "opacityTimingFunction": {
+                  "type": "cubicBezier";
+                  "value": "$timing-function.easing";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "selected",
+            ];
+            "slots": {
+              "thumb": {
+                "scale": {
+                  "type": "number";
+                  "value": 1;
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "tone": "brand";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "thumb": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.palette.static-white";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "enabled",
+              "selected",
+            ];
+            "slots": {
+              "root": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.bg.brand-solid";
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "tone": "neutral";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "thumb": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.neutral-inverted";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "enabled",
+              "selected",
+            ];
+            "slots": {
+              "root": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.bg.neutral-inverted";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "disabled",
+            ];
+            "slots": {
+              "thumb": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.palette.static-black-alpha-700";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "disabled",
+              "selected",
+            ];
+            "slots": {
+              "root": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.palette.gray-600";
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "32";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 32;
+                    "unit": "px";
+                  };
+                };
+                "width": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 52;
+                    "unit": "px";
+                  };
+                };
+                "paddingX": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 3;
+                    "unit": "px";
+                  };
+                };
+                "paddingY": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 3;
+                    "unit": "px";
+                  };
+                };
+              };
+              "thumb": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 26;
+                    "unit": "px";
+                  };
+                };
+                "width": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 26;
+                    "unit": "px";
+                  };
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "24";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 24;
+                    "unit": "px";
+                  };
+                };
+                "width": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 38;
+                    "unit": "px";
+                  };
+                };
+                "paddingX": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 2;
+                    "unit": "px";
+                  };
+                };
+                "paddingY": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 2;
+                    "unit": "px";
+                  };
+                };
+              };
+              "thumb": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 20;
+                    "unit": "px";
+                  };
+                };
+                "width": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 20;
+                    "unit": "px";
+                  };
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "16";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 16;
+                    "unit": "px";
+                  };
+                };
+                "width": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 26;
+                    "unit": "px";
+                  };
+                };
+                "paddingX": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 2;
+                    "unit": "px";
+                  };
+                };
+                "paddingY": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 2;
+                    "unit": "px";
+                  };
+                };
+              };
+              "thumb": {
+                "height": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 12;
+                    "unit": "px";
+                  };
+                };
+                "width": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 12;
+                    "unit": "px";
+                  };
+                };
+              };
+            };
+          },
+        ];
+      },
+    ];
+  };
+};
+export default artifact;

package/__generated__/components/switchmark.mjs

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

package/__generated__/components/tab.d.ts

@@ -0,0 +1,190 @@
+declare const artifact: {
+  "kind": "ComponentSpec";
+  "metadata": {
+    "id": "tab";
+    "name": "Tab";
+  };
+  "data": {
+    "id": "tab";
+    "name": "Tab";
+    "schema": {
+      "slots": {
+        "root": {
+          "properties": {
+            "minHeight": {
+              "type": "dimension";
+            };
+            "paddingX": {
+              "type": "dimension";
+            };
+            "paddingY": {
+              "type": "dimension";
+            };
+          };
+        };
+        "label": {
+          "properties": {
+            "color": {
+              "type": "color";
+            };
+            "fontSize": {
+              "type": "dimension";
+            };
+            "lineHeight": {
+              "type": "dimension";
+            };
+            "fontWeight": {
+              "type": "number";
+            };
+          };
+        };
+      };
+      "variants": {
+        "size": {
+          "values": {
+            "medium": {};
+            "small": {};
+          };
+          "defaultValue": "medium";
+        };
+      };
+    };
+    "definitions": readonly [
+      {
+        "variants": {};
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "label": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.neutral-subtle";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "selected",
+            ];
+            "slots": {
+              "label": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.neutral";
+                };
+              };
+            };
+          },
+          {
+            "states": readonly [
+              "disabled",
+            ];
+            "slots": {
+              "label": {
+                "color": {
+                  "type": "color";
+                  "value": "$color.fg.disabled";
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "medium";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "minHeight": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 44;
+                    "unit": "px";
+                  };
+                };
+                "paddingX": {
+                  "type": "dimension";
+                  "value": "$dimension.x2_5";
+                };
+                "paddingY": {
+                  "type": "dimension";
+                  "value": "$dimension.x2_5";
+                };
+              };
+              "label": {
+                "fontSize": {
+                  "type": "dimension";
+                  "value": "$font-size.t5";
+                };
+                "lineHeight": {
+                  "type": "dimension";
+                  "value": "$line-height.t5";
+                };
+                "fontWeight": {
+                  "type": "number";
+                  "value": "$font-weight.bold";
+                };
+              };
+            };
+          },
+        ];
+      },
+      {
+        "variants": {
+          "size": "small";
+        };
+        "definitions": readonly [
+          {
+            "states": readonly [
+              "enabled",
+            ];
+            "slots": {
+              "root": {
+                "minHeight": {
+                  "type": "dimension";
+                  "value": {
+                    "value": 40;
+                    "unit": "px";
+                  };
+                };
+                "paddingX": {
+                  "type": "dimension";
+                  "value": "$dimension.x2_5";
+                };
+                "paddingY": {
+                  "type": "dimension";
+                  "value": "$dimension.x2_5";
+                };
+              };
+              "label": {
+                "fontSize": {
+                  "type": "dimension";
+                  "value": "$font-size.t4";
+                };
+                "lineHeight": {
+                  "type": "dimension";
+                  "value": "$line-height.t4";
+                };
+                "fontWeight": {
+                  "type": "number";
+                  "value": "$font-weight.bold";
+                };
+              };
+            };
+          },
+        ];
+      },
+    ];
+  };
+};
+export default artifact;

package/__generated__/components/tab.mjs

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