Integrate reviewed Requests and Discover surfaces

wolfskin-design/tokens.css

@@ -127,6 +127,46 @@
   --motion-scroll: 180ms;
   --motion-ratingDwell: 350ms;
   --motion-toast: 3200ms;
+  --requests-sheetPaddingY: 80.0px;
+  --requests-sheetPaddingX: 64.0px;
+  --requests-sheetGap: 18.0px;
+  --requests-sheetTitleLineHeight: 56.0px;
+  --requests-sheetTitleBaseline: 44.0px;
+  --requests-titleLineHeight: 39.0px;
+  --requests-titleBaseline: 31.0px;
+  --requests-factsLineHeight: 31.2px;
+  --requests-factsBaseline: 24.0px;
+  --requests-stageLineHeight: 39.6px;
+  --requests-stageLabelLineHeight: 33.8px;
+  --requests-stageBaseline: 24.0px;
+  --requests-emptyMargin: 20.0px;
+  --requests-rowPaddingY: 14.0px;
+  --requests-rowPaddingX: 18.0px;
+  --requests-rowGap: 24.0px;
+  --requests-listGap: 6.0px;
+  --requests-stageMargin: 4.0px;
+  --requests-stageGlyph: 28.0px;
+  --requests-stageGap: 10.0px;
+  --requests-readinessGapX: 22.0px;
+  --requests-readinessGapY: 10.0px;
+  --requests-readinessMargin: 8.0px;
+  --requests-readinessGlyph: 26.0px;
+  --requests-chevron: 30.0px;
+  --requests-receiptPaddingY: 28.0px;
+  --requests-receiptPaddingX: 30.0px;
+  --requests-receiptGap: 10.0px;
+  --requests-receiptGlyph: 36.0px;
+  --requests-buttonMargin: 12.0px;
+  --requests-skeletonTitleWidth: 360.0px;
+  --requests-skeletonTitleHeight: 34.0px;
+  --requests-skeletonSubtitleWidth: 240.0px;
+  --requests-skeletonSubtitleHeight: 26.0px;
+  --requests-skeletonGap: 12.0px;
+  --requests-ratingsGap: 20.0px;
+  --requests-ratingsEntryGap: 8.0px;
+  --requests-shadowBlur: 80.0px;
+  --requests-shadowOffset: -30.0px;
+  --requests-shadowColor: #00000080;
   --shell-navLabelFade: 200ms;
   --shell-zero: 0.0px;
   --shell-stageWidth: 1920.0px;
@@ -184,7 +224,6 @@
   --library-captionWidth: 640.0px;
   --library-captionFactsGap: 18.0px;
   --library-badgeIcon: 28.0px;
-  --library-badgeBorder: 3.0px;
   --library-plateTop: 14.0px;
   --library-plateSide: 16.0px;
   --library-plateBottom: 46.0px;
@@ -205,8 +244,20 @@
   --library-tailIcon: 44.0px;
   --library-tailPadding: 20.0px;
   --library-tailGap: 10.0px;
+  --library-badgeRing: 3.0px;
+  --library-seeAllGap: 8.0px;
+  --library-tailDescription: 24.0px;
+  --library-headerSubtitle: 30.0px;
   --library-fallbackPadding: 22.0px;
   --library-fallbackIcon: 44.0px;
+  --lift-cardBlur: 50.0px;
+  --lift-cardY: 18.0px;
+  --lift-buttonBlur: 40.0px;
+  --lift-buttonY: 12.0px;
+  --lift-heroBlur: 80.0px;
+  --lift-heroY: 30.0px;
+  --lift-sheetBlur: 80.0px;
+  --lift-sheetX: -30.0px;
   --title-lineGap: 22.0px;
   --title-lineLift: -4.0px;
   --title-overviewGap: 34.0px;
@@ -316,4 +367,58 @@
   --savedIndicator-gap: 10.0px;
   --savedIndicator-icon: 28.0px;
   --savedIndicator-border: 2.0px;
+  --discover-sheetPaddingX: 64.0px;
+  --discover-sheetPaddingY: 80.0px;
+  --discover-sheetGap: 18.0px;
+  --discover-sheetSubGap: 14.0px;
+  --discover-sheetRowPadding: 26.0px;
+  --discover-sheetAvatar: 60.0px;
+  --discover-sheetRadio: 40.0px;
+  --discover-sheetRadioDot: 16.0px;
+  --discover-sheetPersonGap: 24.0px;
+  --discover-sheetButtonTop: 12.0px;
+  --discover-chipTop: 16.0px;
+  --discover-chipHeight: 68.0px;
+  --discover-chipPadding: 28.0px;
+  --discover-chipGap: 16.0px;
+  --discover-heroTitleGap: 16.0px;
+  --discover-heroKickerGap: 10.0px;
+  --discover-heroMetaGap: 14.0px;
+  --discover-heroOverviewGap: 30.0px;
+  --discover-heroFactsGap: 22.0px;
+  --discover-heroFactsHeight: 38.0px;
+  --discover-heroSheetRight: 180.0px;
+  --discover-heroSheetTop: 140.0px;
+  --discover-heroSheetWidth: 360.0px;
+  --discover-heroSheetHeight: 540.0px;
+  --discover-dotSize: 14.0px;
+  --discover-dotActive: 44.0px;
+  --discover-dotGap: 14.0px;
+  --discover-dotMargin: 18.0px;
+  --discover-dotChevron: 40.0px;
+  --discover-stateTop: 20.0px;
+  --discover-statePaddingX: 40.0px;
+  --discover-statePaddingY: 34.0px;
+  --discover-stateTextGap: 24.0px;
+  --discover-noteTop: 14.0px;
+  --discover-headerTop: 150.0px;
+  --discover-headerGap: 24.0px;
+  --discover-entryPaddingX: 22.0px;
+  --discover-entryPaddingY: 20.0px;
+  --discover-entryText: 30.0px;
+  --discover-sheetRadioRing: 3.0px;
+  --discover-skeletonNameWidth: 260.0px;
+  --discover-skeletonNameHeight: 34.0px;
+  --discover-sheetSubTop: -8.0px;
+  --discover-sheetRatingTop: -10.0px;
+  --discover-sheetRatingBottom: 6.0px;
+  --discover-sheetLabelTop: 8.0px;
+  --discover-noteIcon: 30.0px;
+  --discover-noteGap: 16.0px;
+  --discover-frameBottomMin: 80.0px;
+  --discover-anchorFitTop: 700.0px;
+  --discover-anchorBottomClearance: 40.0px;
+  --discover-stageGap: 10.0px;
+  --discover-ambientInset: 80.0px;
+  --discover-ambientBlur: 60.0px;
 }