@cross-nft-marketplace/auction-house-nft-components/dist/constants/style.d.ts

NFT Media Rendering Components

import { ThemeOptionsType } from "./theme";
export declare const Style: {
    theme: {
        previewCard: {
            width: string;
            height: string;
            background: string;
        };
        nftProposalCard: {
            mediaWidth: string;
            mediaHeight: string;
        };
        showArtist: boolean;
        useEnsResolution: boolean;
        preferredIPFSGateway: string;
        useZoraUsernameResolution: boolean;
        showUserName: boolean;
        showOwner: boolean;
        showTxnLinks: boolean;
        spacingUnit: string;
        textBlockPadding: string;
        borderStyle: string;
        lineSpacing: number;
        maximumPricingDecimals: number;
        linkColor: string;
        bodyFont: string;
        titleFont: string;
        headerFont: string;
        mediaContentFont: {
            fontFamily: string;
        };
        buttonColor: {
            primaryBackground: string;
            primaryText: string;
            background: string;
            text: string;
        };
        defaultBorderRadius: number;
        fontSizeFull: number;
        audioColors: {
            waveformColor: string;
            progressColor: string;
        };
        placeHolderColor: string;
        maxPreviewMediaSize: number;
        cdnHosts: string[];
    };
    useDefaultStyles: boolean;
    styles: {
        auctionHouseList: (_: ThemeOptionsType) => string;
        cardOuter: (theme: ThemeOptionsType, { hasClickEvent }: any) => string;
        cardLink: (_: ThemeOptionsType) => string;
        cardHeader: (theme: ThemeOptionsType) => string;
        cardMediaWrapper: (theme: ThemeOptionsType) => string;
        cardItemInfo: (theme: ThemeOptionsType) => string;
        cardAuctionPricing: (theme: ThemeOptionsType, { type, }: {
            type: "reserve-active" | "reserve-pending" | "unknown";
        }) => string;
        cardTitle: (theme: ThemeOptionsType) => string;
        cardTitleLoading: () => string;
        cardAddressLoading: () => string;
        cardAddressLinkLoading: () => string;
        fullPage: (theme: ThemeOptionsType) => string;
        fullMediaWrapper: (_: ThemeOptionsType) => string;
        fullItemInfo: (_: ThemeOptionsType) => string;
        fullTitle: (theme: ThemeOptionsType) => string;
        fullDescription: (theme: ThemeOptionsType) => string;
        fullOwnerAddress: (theme: ThemeOptionsType) => string[];
        fullLabel: (theme: ThemeOptionsType) => string[];
        fullPageHistoryList: () => string;
        fullPageHistoryItem: (theme: ThemeOptionsType) => string[];
        fullPageHistoryItemDescription: () => string;
        fullPageHistoryItemDescriptionCopy: () => string;
        fullPageHistoryItemMeta: () => string;
        fullPageHistoryTxnLink: () => string;
        nftProposalMediaWrapper: (theme: ThemeOptionsType) => string;
        nftProposalInfoLayout: (theme: ThemeOptionsType) => string;
        nftProposalActionList: (_: ThemeOptionsType) => string;
        nftProposalLabelWrapper: (_: ThemeOptionsType) => string;
        nftProposalUserView: (_: ThemeOptionsType) => string;
        nftProposalLabel: (theme: ThemeOptionsType) => string[];
        fullPageHistoryItemDatestamp: (theme: ThemeOptionsType) => string[];
        fullPageDataGrid: (theme: ThemeOptionsType) => string;
        infoContainer: (theme: ThemeOptionsType, { bottomPadding }: any) => string;
        fullInfoSpacer: (_: any, { height }: {
            height: number;
        }) => string;
        fullInfoAuctionPricing: (theme: ThemeOptionsType) => string;
        fullInfoAuctionWrapper: () => string;
        fullInfoCategoriesContainer: (_: any) => string;
        fullInfoArtistsContainer: (_: any) => string;
        fullInfoProofAuthenticityContainer: (theme: ThemeOptionsType) => string;
        fullProofLink: (theme: ThemeOptionsType) => string;
        fullCreatorOwnerSection: (theme: ThemeOptionsType) => string;
        propertiesGrid: (theme: ThemeOptionsType) => string;
        propertiesItem: (theme: ThemeOptionsType) => string;
        categoriesItem: (_: ThemeOptionsType) => string;
        artistsItem: (_: ThemeOptionsType) => string;
        propertiesLabel: (theme: ThemeOptionsType) => string[];
        colectionTagWrapper: (theme: ThemeOptionsType) => string[];
        button: (theme: ThemeOptionsType, { primary }: any) => string;
        textSubdued: (theme: ThemeOptionsType) => string[];
        pricingAmountWrapper: () => string;
        pricingAmount: (theme: ThemeOptionsType) => string;
        pricingAmountUsd: (theme: ThemeOptionsType) => string;
        addressLink: (theme: ThemeOptionsType) => string[];
        nftProposal: (theme: ThemeOptionsType) => string;
        nftProposalActions: () => string;
        nftProposalActionButton: (theme: ThemeOptionsType, { action }: {
            action: "approve" | "deny";
        }) => string;
        nftProposalAcceptedPill: (theme: ThemeOptionsType) => string;
        nftProposalTitle: (theme: ThemeOptionsType) => string;
        mediaLoader: (_: ThemeOptionsType, { mediaLoaded, isFullPage }: any) => string;
        mediaObject: (_: ThemeOptionsType, { mediaLoaded, isFullPage }: any) => string;
        mediaAudioWrapper: (_: ThemeOptionsType) => string;
        mediaAudioWaveform: (_: ThemeOptionsType) => string;
        mediaObjectMessage: (_: ThemeOptionsType) => string;
        mediaContentText: (theme: ThemeOptionsType) => (string | {
            fontFamily: string;
        })[];
        mediaPlayButton: (_: ThemeOptionsType, { playing }: any) => string;
        mediaVideoControls: (_: ThemeOptionsType, { isFullPage }: any) => string;
        mediaFullscreenButton: (theme: ThemeOptionsType) => string;
        mediaMuteButton: (theme: ThemeOptionsType, { muted }: any) => string;
        auctionsBuyNowPrice: () => string;
        auctionsBuyNowPriceAmount: (theme: ThemeOptionsType) => string[];
        auctionsHighestBidPrice: () => string;
        auctionsBuyNowPriceLabelLoading: () => string;
        auctionsBuyNowPriceLoading: () => string;
        mediaLoaderError: () => string;
    };
};