fansunited-frontend-components 0.0.1-RC3 → 0.0.1-RC5

package/src/components/Variants/Overlay/ScoreState/OverlayScoreState.styles.d.ts

@@ -0,0 +1,364 @@
+import { CustomSpacingScale } from "@fansunited/common";
+import { BrandingColorsModel } from "fansunited-sdk-esm";
+import { CSSProperties } from "react";
+interface StyleProps {
+    spacingScale: CustomSpacingScale;
+    brandingColors: BrandingColorsModel | null;
+    primaryColor: string;
+    textPrimary: string;
+    fontFamilyPrimary: string;
+    fontFamilySecondary: string;
+    mdBorderRadius: string;
+    xlBorderRadius: string;
+    borderColor: string;
+    borderSize: string;
+    contentBgColor: string;
+    backgroundImage: string;
+    successColor: string;
+    dangerColor: string;
+    onSurfaceColor: string;
+    surfaceVariantColor: string;
+    scorePercentage: number;
+}
+export declare const createStyles: (props: StyleProps) => {
+    mainContainerWithExplanations: {
+        boxShadow: string;
+        border: string;
+        overflow: string;
+        backgroundImage: string;
+        backgroundSize: string;
+        position: string;
+        borderRadius: string;
+        minHeight: string;
+        "&::before": {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            borderRadius: string;
+            zIndex: number;
+            background: string;
+        };
+    };
+    mainContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        p: string;
+        boxShadow: string;
+        border: string;
+        overflow: string;
+        backgroundImage: string;
+        backgroundSize: string;
+        position: string;
+        borderRadius: string;
+        minHeight: string;
+        "&::before": {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            borderRadius: string;
+            zIndex: number;
+            background: string;
+        };
+    };
+    scoreStateWrapperContent: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        p: string;
+    };
+    mainContentWrapper: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+        zIndex: number;
+    };
+    scoreContainer: {
+        borderRadius: string;
+        p: string;
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+        alignSelf: string;
+        gap: string;
+        backdropFilter: string;
+        position: string;
+        "&::before": {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            backgroundColor: string;
+            opacity: number;
+            borderRadius: string;
+            zIndex: number;
+            backdropFilter: string;
+        };
+        "& > *": {
+            position: string;
+            zIndex: number;
+        };
+    };
+    scoreContentWrapper: {
+        display: string;
+        flexDirection: {
+            xs: string;
+            md: string;
+        };
+        justifyContent: string;
+        alignItems: string;
+        alignSelf: string;
+    };
+    scoreSection: {
+        display: string;
+        py: string;
+        gap: string;
+        justifyContent: string;
+        alignItems: string;
+        flex: string;
+    };
+    scoreSectionWrapper: {
+        display: string;
+        minWidth: string;
+        p: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        flex: string;
+        alignSelf: string;
+        flexDirection: {
+            xs: string;
+            md: string;
+        };
+    };
+    achievementBadgeContainer: {
+        display: string;
+        width: {
+            xs: string;
+            md: string;
+        };
+        height: {
+            xs: string;
+            md: string;
+        };
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        position: string;
+    };
+    hexagonBackground: CSSProperties;
+    achievementEmoji: CSSProperties;
+    textSection: {
+        display: string;
+        flexDirection: string;
+        alignItems: string;
+    };
+    congratulationsText: {
+        color: string;
+        textAlign: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        px: number;
+    };
+    scoreNumbersContainer: {
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    scoreNumbersWrapper: {
+        display: string;
+        alignItems: string;
+        gap: string;
+    };
+    correctScoreText: {
+        textAlign: string;
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    totalScoreText: {
+        textAlign: string;
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    timeText: {
+        textAlign: string;
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    pointsText: {
+        textAlign: string;
+        color: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    ctaSection: {
+        display: string;
+        py: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        flex: string;
+    };
+    ctaContentWrapper: {
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        flex: string;
+    };
+    thanksText: {
+        color: string;
+        textAlign: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+    };
+    buttonsContainer: {
+        display: string;
+        flexDirection: {
+            xs: string;
+            md: string;
+        };
+        gap: string;
+    };
+    playAgainButton: {
+        display: string;
+        minHeight: string;
+        py: string;
+        pr: string;
+        pl: string;
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        borderRadius: string;
+        bgcolor: string;
+        "&:hover": {
+            bgcolor: string;
+        };
+    };
+    playAgainButtonContent: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        alignSelf: string;
+    };
+    playAgainIcon: {
+        display: string;
+        width: string;
+        height: string;
+        justifyContent: string;
+        alignItems: string;
+        color: string;
+    };
+    playAgainText: {
+        color: string;
+        textAlign: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textTransform: string;
+    };
+    shareButton: {
+        display: string;
+        minHeight: string;
+        py: string;
+        pr: string;
+        pl: string;
+        flexDirection: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        borderRadius: string;
+        bgcolor: string;
+        "&:hover": {
+            bgcolor: string;
+        };
+    };
+    shareButtonContent: {
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        gap: string;
+        alignSelf: string;
+    };
+    shareIcon: CSSProperties;
+    shareText: {
+        color: string;
+        textAlign: string;
+        fontFamily: string;
+        fontSize: string;
+        fontStyle: string;
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        textTransform: string;
+    };
+    leadCollectionContainer: {
+        borderRadius: string;
+        p: string;
+        display: string;
+        flexDirection: string;
+        alignSelf: string;
+        gap: string;
+        backdropFilter: string;
+        position: string;
+        "&::before": {
+            content: string;
+            position: string;
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            backgroundColor: string;
+            opacity: number;
+            borderRadius: string;
+            zIndex: number;
+            backdropFilter: string;
+        };
+        "& > *": {
+            position: string;
+            zIndex: number;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=OverlayScoreState.styles.d.ts.map

package/src/components/Variants/Overlay/ScoreState/OverlayScoreState.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayScoreState.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Variants/Overlay/ScoreState/OverlayScoreState.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,UAAU;IAClB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,UAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAsJvC,aAAa;sBAOb,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8Mb,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ClB,CAAC"}