Build the Wolfskin Home feed

wolfskin-design/build.gradle.kts

@@ -30,7 +30,7 @@ val cacheRobolectricSdk by tasks.registering(Copy::class) {
 }
 
 val checkTokenDrift by tasks.registering {
-    inputs.files(fileTree(projectDir) { include("tokens.json", "shell-tokens.json", "generate_tokens.py", "tokens.css", "tokens.sha256", "src/main/java/**/WolfskinTokens.kt") })
+    inputs.files(fileTree(projectDir) { include("tokens.json", "shell-tokens.json", "home-tokens.json", "generate_tokens.py", "tokens.css", "tokens.sha256", "src/main/java/**/WolfskinTokens.kt") })
     doLast {
         file("tokens.sha256").readLines().forEach { line ->
             val (expected, name) = line.split("  ", limit = 2)

wolfskin-design/generate_tokens.py

@@ -100,9 +100,10 @@ def main() -> None:
     arguments = parser.parse_args()
     tokens = json.loads((ROOT / "tokens.json").read_text())
     tokens.update(json.loads((ROOT / "shell-tokens.json").read_text()))
+    tokens.update(json.loads((ROOT / "home-tokens.json").read_text()))
     kotlin, css = render_tokens(tokens)
     outputs = {str(KOTLIN): kotlin, "tokens.css": css}
-    inputs = ["tokens.json", "shell-tokens.json", "generate_tokens.py"]
+    inputs = ["tokens.json", "shell-tokens.json", "home-tokens.json", "generate_tokens.py"]
     checksums = {name: hashlib.sha256((ROOT / name).read_bytes()).hexdigest() for name in inputs}
     checksums.update({name: hashlib.sha256(content.encode()).hexdigest() for name, content in outputs.items()})
     outputs["tokens.sha256"] = "".join(f"{checksum}  {name}\n" for name, checksum in sorted(checksums.items()))

wolfskin-design/home-tokens.json

@@ -0,0 +1,322 @@
+{
+  "home": {
+    "kickerGap": {
+      "$type": "dimension",
+      "px": 12,
+      "dp": 6.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "kickerBottom": {
+      "$type": "dimension",
+      "px": 10,
+      "dp": 5.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "titleBottom": {
+      "$type": "dimension",
+      "px": 16,
+      "dp": 8.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "factsHeight": {
+      "$type": "dimension",
+      "px": 38,
+      "dp": 19.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "factsBottom": {
+      "$type": "dimension",
+      "px": 14,
+      "dp": 7.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "factsGap": {
+      "$type": "dimension",
+      "px": 22,
+      "dp": 11.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "overviewBottom": {
+      "$type": "dimension",
+      "px": 30,
+      "dp": 15.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardPadding": {
+      "$type": "dimension",
+      "px": 22,
+      "dp": 11.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardOverlayTop": {
+      "$type": "dimension",
+      "px": 54,
+      "dp": 27.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardOverlayBottom": {
+      "$type": "dimension",
+      "px": 18,
+      "dp": 9.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "sectionTop": {
+      "$type": "dimension",
+      "px": 40,
+      "dp": 20.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "sectionAvatar": {
+      "$type": "dimension",
+      "px": 56,
+      "dp": 28.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "sectionGap": {
+      "$type": "dimension",
+      "px": 22,
+      "dp": 11.0,
+      "source": "locked index.html:180"
+    },
+    "stateTextBottom": {
+      "$type": "dimension",
+      "px": 24,
+      "dp": 12.0,
+      "source": "locked index.html:198"
+    },
+    "stateTop": {
+      "$type": "dimension",
+      "px": 20,
+      "dp": 10.0,
+      "source": "locked index.html:194"
+    },
+    "statePaddingX": {
+      "$type": "dimension",
+      "px": 40,
+      "dp": 20.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "statePaddingY": {
+      "$type": "dimension",
+      "px": 34,
+      "dp": 17.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "stateGap": {
+      "$type": "dimension",
+      "px": 8,
+      "dp": 4.0,
+      "source": "locked index.html:195"
+    },
+    "stateIcon": {
+      "$type": "dimension",
+      "px": 36,
+      "dp": 18.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "captionWidth": {
+      "$type": "dimension",
+      "px": 640,
+      "dp": 320.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "plateTop": {
+      "$type": "dimension",
+      "px": 14,
+      "dp": 7.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "plateSide": {
+      "$type": "dimension",
+      "px": 16,
+      "dp": 8.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "plateFade": {
+      "$type": "dimension",
+      "px": 46,
+      "dp": 23.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "ratingGap": {
+      "$type": "dimension",
+      "px": 20,
+      "dp": 10.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "ratingMarkGap": {
+      "$type": "dimension",
+      "px": 8,
+      "dp": 4.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonWidth": {
+      "$type": "dimension",
+      "px": 640,
+      "dp": 320.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonHeight": {
+      "$type": "dimension",
+      "px": 84,
+      "dp": 42.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonFactsWidth": {
+      "$type": "dimension",
+      "px": 460,
+      "dp": 230.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonFactsHeight": {
+      "$type": "dimension",
+      "px": 34,
+      "dp": 17.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonButtonWidth": {
+      "$type": "dimension",
+      "px": 260,
+      "dp": 130.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonGap": {
+      "$type": "dimension",
+      "px": 22,
+      "dp": 11.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSkeletonButtonGap": {
+      "$type": "dimension",
+      "px": 40,
+      "dp": 20.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "artGlyph": {
+      "$type": "dimension",
+      "px": 44,
+      "dp": 22.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardSheetLeft": {
+      "$type": "dimension",
+      "px": 22,
+      "dp": 11.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardSheetTop": {
+      "$type": "dimension",
+      "px": 18,
+      "dp": 9.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardSheetInset": {
+      "$type": "dimension",
+      "px": 36,
+      "dp": 18.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSheetRight": {
+      "$type": "dimension",
+      "px": 180,
+      "dp": 90.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroSheetTop": {
+      "$type": "dimension",
+      "px": 150,
+      "dp": 75.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardBlur": {
+      "$type": "dimension",
+      "px": 26,
+      "dp": 13.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "heroBlur": {
+      "$type": "dimension",
+      "px": 60,
+      "dp": 30.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "progressInset": {
+      "$type": "dimension",
+      "px": 18,
+      "dp": 9.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "progressBottom": {
+      "$type": "dimension",
+      "px": 10,
+      "dp": 5.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "endTop": {
+      "$type": "dimension",
+      "px": 40,
+      "dp": 20.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "frameBottom": {
+      "$type": "dimension",
+      "px": 80,
+      "dp": 40.0,
+      "source": "locked index.html:1042"
+    },
+    "seeAllGap": {
+      "$type": "dimension",
+      "px": 8,
+      "dp": 4.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "seeAllIcon": {
+      "$type": "dimension",
+      "px": 48,
+      "dp": 24.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "toastPadding": {
+      "$type": "dimension",
+      "px": 28,
+      "dp": 14.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "toastTop": {
+      "$type": "dimension",
+      "px": 150,
+      "dp": 75.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "toastWidth": {
+      "$type": "dimension",
+      "px": 760,
+      "dp": 380.0,
+      "source": "locked index.html:94-165,180-198,1014-1029,1276-1289"
+    },
+    "cardWashInset": {
+      "$type": "dimension",
+      "px": 30,
+      "dp": 15.0,
+      "source": "locked index.html:129"
+    },
+    "heroWashInset": {
+      "$type": "dimension",
+      "px": 80,
+      "dp": 40.0,
+      "source": "locked index.html:96"
+    },
+    "noteTop": {
+      "$type": "dimension",
+      "px": 14,
+      "dp": 7.0,
+      "source": "locked index.html:191"
+    },
+    "noteGap": {
+      "$type": "dimension",
+      "px": 16,
+      "dp": 8.0,
+      "source": "locked index.html:191"
+    }
+  }
+}