wolfskin/wolfskin-design/shell-tokens.json

433 lines
20 KiB
JSON

{
"requests": {
"sheetPaddingY": { "$type": "dimension", "px": 80, "dp": 40, "source": "index.html:227" },
"sheetPaddingX": { "$type": "dimension", "px": 64, "dp": 32, "source": "index.html:227" },
"sheetGap": { "$type": "dimension", "px": 18, "dp": 9, "source": "index.html:227" },
"sheetTitleLineHeight": { "$type": "dimension", "px": 56, "dp": 28, "source": "index.html:228; locked st-083/st-086: content begins at 154px after 80px padding and 18px gap" },
"sheetTitleBaseline": { "$type": "dimension", "px": 44, "dp": 22, "source": "locked st-083: modal ink-bottom 123px, native baseline boundary 124px minus 80px padding" },
"titleLineHeight": { "$type": "dimension", "px": 39, "dp": 19.5, "source": "index.html:250; 30px font with 1.3 line box" },
"titleBaseline": { "$type": "dimension", "px": 31, "dp": 15.5, "source": "locked st-082/st-086: ink-bottom 45px, 15px text-block inset, baseline boundary 1px below ink" },
"factsLineHeight": { "$type": "dimension", "px": 31.2, "dp": 15.6, "source": "index.html:251; 24px font with 1.3 line box" },
"factsBaseline": { "$type": "dimension", "px": 24, "dp": 12, "source": "locked st-082/st-086: ink-bottom 77px, 15px block inset, 39px title box and 1px baseline boundary" },
"stageLineHeight": { "$type": "dimension", "px": 39.6, "dp": 19.8, "source": "index.html:251-252; inline-flex stage within the 28px/1.3 parent strut" },
"stageLabelLineHeight": { "$type": "dimension", "px": 33.8, "dp": 16.9, "source": "index.html:220; 26px font with 1.3 leading" },
"stageBaseline": { "$type": "dimension", "px": 24, "dp": 12, "source": "locked st-082/st-086: ink-bottom 112px, 15px block inset, 39px title, 31.2px facts, 4px margin and 1px baseline boundary" },
"emptyMargin": { "$type": "dimension", "px": 20, "dp": 10, "source": "index.html:1905" },
"rowPaddingY": { "$type": "dimension", "px": 14, "dp": 7, "source": "index.html:247" },
"rowPaddingX": { "$type": "dimension", "px": 18, "dp": 9, "source": "index.html:247" },
"rowGap": { "$type": "dimension", "px": 24, "dp": 12, "source": "index.html:247" },
"listGap": { "$type": "dimension", "px": 6, "dp": 3, "source": "index.html:255" },
"stageMargin": { "$type": "dimension", "px": 4, "dp": 2, "source": "index.html:252" },
"stageGlyph": { "$type": "dimension", "px": 28, "dp": 14, "source": "index.html:221" },
"stageGap": { "$type": "dimension", "px": 10, "dp": 5, "source": "index.html:220" },
"readinessGapX": { "$type": "dimension", "px": 22, "dp": 11, "source": "index.html:312" },
"readinessGapY": { "$type": "dimension", "px": 10, "dp": 5, "source": "index.html:312" },
"readinessMargin": { "$type": "dimension", "px": 8, "dp": 4, "source": "index.html:312" },
"readinessGlyph": { "$type": "dimension", "px": 26, "dp": 13, "source": "index.html:314" },
"chevron": { "$type": "dimension", "px": 30, "dp": 15, "source": "index.html:317" },
"chevronAlpha": { "$type": "number", "$value": 0.6, "source": "index.html:317" },
"receiptPaddingY": { "$type": "dimension", "px": 28, "dp": 14, "source": "index.html:243" },
"receiptPaddingX": { "$type": "dimension", "px": 30, "dp": 15, "source": "index.html:243" },
"receiptGap": { "$type": "dimension", "px": 10, "dp": 5, "source": "index.html:243" },
"receiptGlyph": { "$type": "dimension", "px": 36, "dp": 18, "source": "index.html:245" },
"buttonMargin": { "$type": "dimension", "px": 12, "dp": 6, "source": "index.html:241" },
"skeletonTitleWidth": { "$type": "dimension", "px": 360, "dp": 180, "source": "index.html:1902" },
"skeletonTitleHeight": { "$type": "dimension", "px": 34, "dp": 17, "source": "index.html:1902" },
"skeletonSubtitleWidth": { "$type": "dimension", "px": 240, "dp": 120, "source": "index.html:1902" },
"skeletonSubtitleHeight": { "$type": "dimension", "px": 26, "dp": 13, "source": "index.html:1902" },
"skeletonGap": { "$type": "dimension", "px": 12, "dp": 6, "source": "index.html:1902" },
"ratingsGap": { "$type": "dimension", "px": 20, "dp": 10, "source": "index.html:156" },
"ratingsEntryGap": { "$type": "dimension", "px": 8, "dp": 4, "source": "index.html:157" },
"shadowBlur": { "$type": "dimension", "px": 80, "dp": 40, "source": "index.html:227" },
"shadowOffset": { "$type": "dimension", "px": -30, "dp": -15, "source": "index.html:227" },
"shadowColor": { "$type": "color", "$value": "#00000080", "source": "index.html:227" },
"ratingsWordmarkRatio": { "$type": "number", "$value": 1.8, "source": "index.html:160" }
},
"shell": {
"navLabelFade": {
"$type": "duration",
"$value": "200ms",
"source": "index.html:81; nav label color transition uses 200 ms ease-out"
},
"zero": {
"$type": "dimension",
"px": 0,
"dp": 0.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"stageWidth": {
"$type": "dimension",
"px": 1920,
"dp": 960.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"stageHeight": {
"$type": "dimension",
"px": 1080,
"dp": 540.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"wordmarkWidth": {
"$type": "dimension",
"px": 169,
"dp": 84.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"wordmarkTop": {
"$type": "dimension",
"px": 73.6,
"dp": 36.8,
"source": "index.html:74,79: centre a 46.8 px line in the 64 px nav item"
},
"navHomeWidth": {
"$type": "dimension",
"px": 149,
"dp": 74.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navDiscoverWidth": {
"$type": "dimension",
"px": 198,
"dp": 99.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navMoviesWidth": {
"$type": "dimension",
"px": 171,
"dp": 85.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navShowsWidth": {
"$type": "dimension",
"px": 161,
"dp": 80.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navAnimeWidth": {
"$type": "dimension",
"px": 158,
"dp": 79.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"navItemTop": {
"$type": "dimension",
"px": 65,
"dp": 32.5,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerTitleTop": {
"$type": "dimension",
"px": 272.3,
"dp": 136.15,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerPeopleTop": {
"$type": "dimension",
"px": 425.5,
"dp": 212.75,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerNameGap": {
"$type": "dimension",
"px": 26,
"dp": 13.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerGearTop": {
"$type": "dimension",
"px": 751.7,
"dp": 375.85,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerGearCaptionTop": {
"$type": "dimension",
"px": 72,
"dp": 36.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLetter": {
"$type": "dimension",
"px": 100,
"dp": 50.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerSkeletonNameWidth": {
"$type": "dimension",
"px": 140,
"dp": 70.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerSkeletonNameHeight": {
"$type": "dimension",
"px": 40,
"dp": 20.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLoadingTitleTop": {
"$type": "dimension",
"px": 247.4,
"dp": 123.7,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLoadingPeopleTop": {
"$type": "dimension",
"px": 400.6,
"dp": 200.3,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerLoadingButtonTop": {
"$type": "dimension",
"px": 756.6,
"dp": 378.3,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorTitleTop": {
"$type": "dimension",
"px": 297.6,
"dp": 148.8,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorPanelTop": {
"$type": "dimension",
"px": 450.8,
"dp": 225.4,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorPanelWidth": {
"$type": "dimension",
"px": 980,
"dp": 490.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorPanelHeight": {
"$type": "dimension",
"px": 185.6,
"dp": 92.8,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"pickerErrorButtonTop": {
"$type": "dimension",
"px": 706.4,
"dp": 353.2,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsHeaderTop": {
"$type": "dimension",
"px": 150,
"dp": 75.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsHeaderAvatar": {
"$type": "dimension",
"px": 52,
"dp": 26.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsHeaderGap": {
"$type": "dimension",
"px": 24,
"dp": 12.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsRowTop": {
"$type": "dimension",
"px": 10,
"dp": 5.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsRowPadding": {
"$type": "dimension",
"px": 30,
"dp": 15.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsRowGap": {
"$type": "dimension",
"px": 24,
"dp": 12.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsIcon": {
"$type": "dimension",
"px": 36,
"dp": 18.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsPillHeight": {
"$type": "dimension",
"px": 40,
"dp": 20.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsPillStroke": {
"$type": "dimension",
"px": 2,
"dp": 1.0,
"source": "index.html:122; pill border 2 px inside its 40 px border-box"
},
"settingsPillDashRatio": {
"$type": "number",
"$value": 3,
"source": "st-091 frozen browser top border: 6 px dashes at 2 px stroke width"
},
"settingsPillDashGapRatio": {
"$type": "number",
"$value": 2,
"source": "st-091 frozen browser top border: 4 px gaps at 2 px stroke width"
},
"settingsPillBorder": {
"$type": "color",
"$value": "#ffffff38",
"source": "index.html:122; white at 22 percent opacity, rounded to 8-bit alpha"
},
"settingsPillFocusedBorder": {
"$type": "color",
"$value": "#0b0b1066",
"source": "index.html:328; focused pill ink at 40 percent opacity"
},
"settingsPillPadding": {
"$type": "dimension",
"px": 16,
"dp": 8.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsPillGap": {
"$type": "dimension",
"px": 12,
"dp": 6.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsChevron": {
"$type": "dimension",
"px": 30,
"dp": 15.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"settingsEndPadding": {
"$type": "dimension",
"px": 620,
"dp": 310.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelPaddingX": {
"$type": "dimension",
"px": 30,
"dp": 15.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelPaddingY": {
"$type": "dimension",
"px": 28,
"dp": 14.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelGap": {
"$type": "dimension",
"px": 10,
"dp": 5.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"panelHeadingGap": {
"$type": "dimension",
"px": 14,
"dp": 7.0,
"source": "index.html:244: receipt heading icon-to-title gap"
},
"panelIcon": {
"$type": "dimension",
"px": 36,
"dp": 18.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"skeletonRadius": {
"$type": "dimension",
"px": 10,
"dp": 5.0,
"source": "locked index.html:71-92, 256-263, 303-328; spec 6.1 and nav-shell measured bounds"
},
"gearOpacity": {
"$type": "number",
"$value": 0.7,
"source": "locked index.html CSS / measured st-* bounds"
},
"navBandOpacity": {
"$type": "number",
"$value": 0.72,
"source": "locked index.html CSS / measured st-* bounds"
},
"navSolidStop": {
"$type": "number",
"$value": 0.84,
"source": "locked index.html CSS / measured st-* bounds"
}
},
"library": {
"chipHeight": {"$type":"dimension","px":68,"dp":34,"source":"index.html:185"},
"chipPadding": {"$type":"dimension","px":28,"dp":14,"source":"index.html:185"},
"chipGap": {"$type":"dimension","px":16,"dp":8,"source":"index.html:184-185"},
"chipTop": {"$type":"dimension","px":16,"dp":8,"source":"index.html:184"},
"chipIcon": {"$type":"dimension","px":26,"dp":13,"source":"index.html:185"},
"captionWidth": {"$type":"dimension","px":640,"dp":320,"source":"index.html:151"},
"captionSeparatorOpacity": {"$type":"number","$value":0.4,"source":"index.html:1207; spec 4.4"},
"captionFactsGap": {"$type":"dimension","px":18,"dp":9,"source":"index.html:154"},
"badgeIcon": {"$type":"dimension","px":28,"dp":14,"source":"index.html:142"},
"plateTop": {"$type":"dimension","px":14,"dp":7,"source":"index.html:162"},
"plateSide": {"$type":"dimension","px":16,"dp":8,"source":"index.html:162"},
"plateBottom": {"$type":"dimension","px":46,"dp":23,"source":"index.html:162"},
"plateInlineDescent": {"$type":"dimension","px":6.6,"dp":3.3,"source":"index.html:156,162 inline-flex baseline strut; proto-104 rplate 100.2px minus 14+33.6+46"},
"plateFloor": {"$type":"typography","px":24,"sp":12,"weight":700,"$value":{"fontWeight":700},"source":"index.html:802"},
"plateStep": {"$type":"number","$value":0.25,"source":"spec 4.8"},
"plateGapEm": {"$type":"number","$value":0.64,"source":"index.html:164"},
"markGapEm": {"$type":"number","$value":0.29,"source":"index.html:165"},
"wordmarkRatio": {"$type":"number","$value":1.8,"source":"index.html:160"},
"plateOpacity": {"$type":"number","$value":0.9,"source":"index.html:162"},
"plateMidOpacity": {"$type":"number","$value":0.72,"source":"index.html:162"},
"plateMidStop": {"$type":"number","$value":0.52,"source":"index.html:162"},
"railWidth": {"$type":"dimension","px":52,"dp":26,"source":"index.html:204"},
"railLetterHeight": {"$type":"dimension","px":30,"dp":15,"source":"index.html:205"},
"railFocusHeight": {"$type":"dimension","px":44,"dp":22,"source":"index.html:208"},
"railLetter": {"$type":"typography","px":24,"sp":12,"weight":700,"$value":{"fontWeight":700},"source":"index.html:205; prototype wins over spec 4.3 caption weight"},
"railFocusedLetter": {"$type":"typography","px":28,"sp":14,"weight":700,"$value":{"fontWeight":700},"source":"index.html:208; prototype wins over spec 4.3 caption size"},
"panelPaddingX": {"$type":"dimension","px":40,"dp":20,"source":"index.html:194"},
"panelPaddingY": {"$type":"dimension","px":34,"dp":17,"source":"index.html:194"},
"panelTextGap": {"$type":"dimension","px":24,"dp":12,"source":"index.html:198"},
"panelTitleGap": {"$type":"dimension","px":8,"dp":4,"source":"index.html:195"},
"panelIconGap": {"$type":"dimension","px":14,"dp":7,"source":"index.html:195"},
"panelTop": {"$type":"dimension","px":20,"dp":10,"source":"index.html:194"},
"borderWidth": {"$type":"dimension","px":2,"dp":1,"source":"index.html:188,194,299"},
"chipContentGap": {"$type":"dimension","px":12,"dp":6,"source":"index.html:185"},
"chipLabelOpacity": {"$type":"number","$value":0.7,"source":"index.html:190"},
"tailIcon": {"$type":"dimension","px":44,"dp":22,"source":"index.html:300"},
"tailPadding": {"$type":"dimension","px":20,"dp":10,"source":"index.html:299"},
"tailGap": {"$type":"dimension","px":10,"dp":5,"source":"index.html:299"},
"badgeRing": {"$type":"dimension","px":3,"dp":1.5,"source":"index.html:144"},
"badgeIcon": {"$type":"dimension","px":28,"dp":14,"source":"index.html:142"},
"seeAllGap": {"$type":"dimension","px":8,"dp":4,"source":"index.html:146"},
"tailDescription": {"$type":"typography","px":24,"sp":12,"weight":500,"$value":{"fontWeight":500},"source":"index.html:301"},
"headerSubtitle": {"$type":"typography","px":30,"sp":15,"weight":400,"$value":{"fontWeight":400},"source":"index.html:201"},
"imageReads": {"$type":"number","$value":4,"source":"spec 4.9, tokens.json image.concurrentReads"},
"unknownCriticOpacity": {"$type":"number","$value":0.55,"source":"spec 4.7, index.html:161"},
"fallbackPadding": {"$type":"dimension","px":22,"dp":11,"source":"index.html:130"},
"fallbackIcon": {"$type":"dimension","px":44,"dp":22,"source":"index.html:130"},
"fallbackHueMultiplier": {"$type":"number","$value":31,"source":"index.html:705"},
"fallbackSaturationTop": {"$type":"number","$value":0.22,"source":"index.html:130"},
"fallbackLightnessTop": {"$type":"number","$value":0.22,"source":"index.html:130"},
"fallbackSaturationBottom": {"$type":"number","$value":0.26,"source":"index.html:130"},
"fallbackLightnessBottom": {"$type":"number","$value":0.1,"source":"index.html:130"},
"fallbackIconOpacity": {"$type":"number","$value":0.45,"source":"index.html:132"}
},
"lift": {
"cardBlur": {"$type":"dimension","px":50,"dp":25,"source":"index.html:134; spec 4.5"},
"cardY": {"$type":"dimension","px":18,"dp":9,"source":"index.html:134"},
"cardOpacity": {"$type":"number","$value":0.65,"source":"index.html:134"},
"buttonBlur": {"$type":"dimension","px":40,"dp":20,"source":"index.html:110; spec 4.5"},
"buttonY": {"$type":"dimension","px":12,"dp":6,"source":"spec 4.5"},
"buttonOpacity": {"$type":"number","$value":0.5,"source":"spec 4.5"},
"heroBlur": {"$type":"dimension","px":80,"dp":40,"source":"index.html:97"},
"heroY": {"$type":"dimension","px":30,"dp":15,"source":"index.html:97"},
"heroOpacity": {"$type":"number","$value":0.6,"source":"index.html:97"},
"sheetBlur": {"$type":"dimension","px":80,"dp":40,"source":"index.html:227"},
"sheetX": {"$type":"dimension","px":-30,"dp":-15,"source":"index.html:227"},
"sheetOpacity": {"$type":"number","$value":0.5,"source":"index.html:227"}
}
}