61 lines
2.0 KiB
Python
61 lines
2.0 KiB
Python
"""Generate CSS custom properties from design tokens."""
|
|
|
|
import json
|
|
import os
|
|
|
|
_FILE_DIR = os.path.dirname(os.path.abspath(__file__))
|
|
ROOT = os.path.dirname(os.path.dirname(os.path.dirname(_FILE_DIR)))
|
|
TOKENS_PATH = os.path.join(ROOT, "docs", "design-system", "tokens.json")
|
|
OUTPUT_PATH = os.path.join(ROOT, "app", "design-tokens", "css", "theme.css")
|
|
|
|
|
|
def load_tokens() -> dict:
|
|
with open(TOKENS_PATH, encoding="utf-8-sig") as f:
|
|
return json.load(f)
|
|
|
|
|
|
def generate(tokens: dict) -> str:
|
|
lines = [
|
|
"/* Auto-generated from design tokens — do not edit manually */",
|
|
":root {",
|
|
]
|
|
|
|
for color_name, shades in tokens.get("colors", {}).items():
|
|
if isinstance(shades, dict):
|
|
for shade, value in shades.items():
|
|
if shade != "system":
|
|
if shade == "default":
|
|
lines.append(f" --color-{color_name}: {value};")
|
|
elif shade == "hover":
|
|
lines.append(f" --color-{color_name}-hover: {value};")
|
|
else:
|
|
lines.append(f" --color-{color_name}-{shade}: {value};")
|
|
|
|
for family_name, value in tokens.get("typography", {}).get("font_family", {}).items():
|
|
lines.append(f" --font-{family_name}: {value};")
|
|
|
|
for size_name, value in tokens.get("typography", {}).get("size", {}).items():
|
|
lines.append(f" --font-size-{size_name}: {value};")
|
|
|
|
for space_name, value in tokens.get("spacing", {}).items():
|
|
lines.append(f" --spacing-{space_name}: {value};")
|
|
|
|
for radius_name, value in tokens.get("border_radius", {}).items():
|
|
lines.append(f" --radius-{radius_name}: {value};")
|
|
|
|
lines.append("}")
|
|
return "\n".join(lines) + "\n"
|
|
|
|
|
|
def main():
|
|
tokens = load_tokens()
|
|
css = generate(tokens)
|
|
os.makedirs(os.path.dirname(OUTPUT_PATH), exist_ok=True)
|
|
with open(OUTPUT_PATH, "w", encoding="utf-8") as f:
|
|
f.write(css)
|
|
print(f"Written: {OUTPUT_PATH}")
|
|
|
|
|
|
if __name__ == "__main__":
|
|
main()
|