Build native title and person surfaces
This commit is contained in:
parent
9be55c570a
commit
0db05174b1
535 changed files with 3088 additions and 17 deletions
83
wolfskin-design/title-tokens.json
Normal file
83
wolfskin-design/title-tokens.json
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
{
|
||||
"title": {
|
||||
"lineGap": {"dp": 11, "px": 22, "source": "index.html:214"},
|
||||
"lineLift": {"dp": -2, "px": -4, "source": "index.html:214"},
|
||||
"overviewGap": {"dp": 17, "px": 34, "source": "index.html:216"},
|
||||
"factsGap": {"dp": 11, "px": 22, "source": "index.html:104"},
|
||||
"factsBottom": {"dp": 7, "px": 14, "source": "index.html:104"},
|
||||
"titleBottom": {"dp": 8, "px": 16, "source": "index.html:103"},
|
||||
"iconGap": {"dp": 7, "px": 14, "source": "index.html:108"},
|
||||
"iconSize": {"dp": 16, "px": 32, "source": "index.html:275"},
|
||||
"captionTop": {"dp": 8, "px": 16, "source": "index.html:281"},
|
||||
"progressWidth": {"dp": 160, "px": 320, "source": "index.html:218"},
|
||||
"progressBottom": {"dp": 15, "px": 30, "source": "index.html:217"},
|
||||
"progressGap": {"dp": 9, "px": 18, "source": "index.html:217"},
|
||||
"progressLift": {"dp": -7, "px": -14, "source": "index.html:217"},
|
||||
"castHeight": {"dp": 197, "px": 394, "source": "index.html:1018"},
|
||||
"castNameTop": {"dp": 108, "px": 216, "source": "index.html:289"},
|
||||
"castNameSide": {"dp": 6, "px": 12, "source": "index.html:289"},
|
||||
"personTop": {"dp": 85, "px": 170, "source": "index.html:293"},
|
||||
"personGap": {"dp": 24, "px": 48, "source": "index.html:293"},
|
||||
"personNameBottom": {"dp": 5, "px": 10, "source": "index.html:296"},
|
||||
"personNoteBottom": {"dp": 3, "px": 6, "source": "index.html:297"},
|
||||
"captionWidth": {"dp": 320, "px": 640, "source": "index.html:1242"},
|
||||
"sheetPaddingTop": {"dp": 40, "px": 80, "source": "index.html:227"},
|
||||
"sheetPaddingSide": {"dp": 32, "px": 64, "source": "index.html:227"},
|
||||
"sheetGap": {"dp": 9, "px": 18, "source": "index.html:227"},
|
||||
"sheetSubLift": {"dp": -4, "px": -8, "source": "index.html:229"},
|
||||
"sheetSubBottom": {"dp": 7, "px": 14, "source": "index.html:229"},
|
||||
"sheetRowSide": {"dp": 13, "px": 26, "source": "index.html:231"},
|
||||
"versionRowVertical": {"dp": 10, "px": 20, "source": "index.html:1936"},
|
||||
"trackHeight": {"dp": 42, "px": 84, "source": "index.html:1941"},
|
||||
"trackGap": {"dp": 6, "px": 12, "source": "index.html:1941"},
|
||||
"radioSize": {"dp": 20, "px": 40, "source": "index.html:234"},
|
||||
"radioDot": {"dp": 8, "px": 16, "source": "index.html:236"},
|
||||
"radioBorder": {"dp": 1.5, "px": 3, "source": "index.html:234"},
|
||||
"infoGap": {"dp": 7, "px": 14, "source": "index.html:1948"},
|
||||
"infoLabelWidth": {"dp": 80, "px": 160, "source": "index.html:272"},
|
||||
"gridHeight": {"dp": 244, "px": 488, "source": "index.html:1019"},
|
||||
"minimumEndPadding": {"dp": 40, "px": 80, "source": "index.html:1042"},
|
||||
"ratingGap": {"dp": 10, "px": 20, "source": "index.html:156"},
|
||||
"ratingMarkGap": {"dp": 4, "px": 8, "source": "index.html:157"},
|
||||
"plateSide": {"dp": 8, "px": 16, "source": "index.html:162"},
|
||||
"plateTop": {"dp": 7, "px": 14, "source": "index.html:162"},
|
||||
"plateFade": {"dp": 23, "px": 46, "source": "index.html:162"},
|
||||
"initialSize": {"$type": "typography", "sp": 32, "px": 64, "weight": 800, "$value": {"fontWeight": 800}, "source": "index.html:288"},
|
||||
"personInitialSize": {"$type": "typography", "sp": 48, "px": 96, "weight": 800, "$value": {"fontWeight": 800}, "source": "index.html:1317"},
|
||||
"fallbackHue": {"$value": 260, "source": "index.html:130"},
|
||||
"skeletonKickerWidth": {"dp": 210, "px": 420, "source": "index.html:1322"},
|
||||
"skeletonKickerHeight": {"dp": 17, "px": 34, "source": "index.html:1322"},
|
||||
"skeletonTitleWidth": {"dp": 380, "px": 760, "source": "index.html:1322"},
|
||||
"skeletonTitleHeight": {"dp": 46, "px": 92, "source": "index.html:1322"},
|
||||
"skeletonFactsWidth": {"dp": 280, "px": 560, "source": "index.html:1322"},
|
||||
"skeletonOverviewWidth": {"dp": 490, "px": 980, "source": "index.html:1322"},
|
||||
"skeletonOverviewHeight": {"dp": 55, "px": 110, "source": "index.html:1322"},
|
||||
"skeletonPlayWidth": {"dp": 110, "px": 220, "source": "index.html:1322"},
|
||||
"dLine": {"$type": "typography", "sp": 13, "px": 26, "weight": 400, "$value": {"fontWeight": 400}, "source": "index.html:214"},
|
||||
"iconCaption": {"$type": "typography", "sp": 13, "px": 26, "weight": 400, "$value": {"fontWeight": 400}, "source": "index.html:281"},
|
||||
"lineIcon": {"dp": 14, "px": 28, "source": "index.html:215"},
|
||||
"chipHeight": {"dp": 34, "px": 68, "source": "index.html:185"},
|
||||
"chipPadding": {"dp": 14, "px": 28, "source": "index.html:185"},
|
||||
"chipGap": {"dp": 8, "px": 16, "source": "index.html:184"},
|
||||
"chipTop": {"dp": 8, "px": 16, "source": "index.html:184"},
|
||||
"chipBorder": {"dp": 1, "px": 2, "source": "index.html:188"},
|
||||
"heroSheetRight": {"dp": 90, "px": 180, "source": "index.html:97"},
|
||||
"heroSheetTop": {"dp": 75, "px": 150, "source": "index.html:97"},
|
||||
"mutedTomatoOpacity": {"$value": 0.55, "source": "index.html:161"},
|
||||
"ratingWordmarkAspect": {"$value": 1.8, "source": "index.html:160"},
|
||||
"ratingPlateStepSp": {"$value": 0.25, "source": "index.html:802"},
|
||||
"gridHeadingTop": {"dp": 12, "px": 24, "source": "index.html:1312"},
|
||||
"castName": {"$type": "typography", "sp": 13, "px": 26, "weight": 700, "$value": {"fontWeight": 700}, "source": "index.html:290"},
|
||||
"receiptSide": {"dp": 15, "px": 30, "source": "index.html:243"},
|
||||
"receiptTop": {"dp": 14, "px": 28, "source": "index.html:243"},
|
||||
"receiptGap": {"dp": 5, "px": 10, "source": "index.html:243"},
|
||||
"receiptIcon": {"dp": 18, "px": 36, "source": "index.html:245"},
|
||||
"receiptTitle": {"$type": "typography", "sp": 18, "px": 36, "weight": 700, "$value": {"fontWeight": 700}, "source": "index.html:244"},
|
||||
"toastMaxWidth": {"dp": 380, "px": 760, "source": "index.html:270"},
|
||||
"toastSide": {"dp": 14, "px": 28, "source": "index.html:270"},
|
||||
"toastTop": {"dp": 11, "px": 22, "source": "index.html:270"},
|
||||
"heroAmbientBackground": {"$type": "gradient", "$value": "radial-gradient(120% 90% at 70% 20%,var(--surface3),var(--bg))", "source": "index.html:94"},
|
||||
"dimScrollPx": {"$value": 1400, "source": "index.html:1541"},
|
||||
"dimMaximum": {"$value": 0.7, "source": "index.html:1541"}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue