@animech-public/chonky/dist/util/styles.d.ts

A File Browser component for React

import { Theme as MuiTheme } from '@mui/material/styles';
import classnames from 'classnames';
import { DeepPartial } from 'tsdef';
export declare const lightTheme: {
    colors: {
        debugRed: string;
        debugBlue: string;
        debugGreen: string;
        debugPurple: string;
        debugYellow: string;
        textActive: string;
    };
    fontSizes: {
        rootPrimary: number;
    };
    margins: {
        rootLayoutMargin: number;
    };
    root: {
        borderRadius: number;
        borderStyle: string;
        height: string;
    };
    toolbar: {
        size: number;
        lineHeight: string;
        buttonPadding: number;
        fontSize: number;
        buttonRadius: number;
    };
    dnd: {
        canDropColor: string;
        cannotDropColor: string;
        canDropMask: string;
        cannotDropMask: string;
        fileListCanDropMaskOne: string;
        fileListCanDropMaskTwo: string;
        fileListCannotDropMaskOne: string;
        fileListCannotDropMaskTwo: string;
    };
    dragLayer: {
        border: string;
        padding: string;
        borderRadius: number;
    };
    fileList: {
        desktopGridGutter: number;
        mobileGridGutter: number;
    };
    gridFileEntry: {
        childrenCountSize: string;
        iconColorFocused: string;
        iconSize: string;
        iconColor: string;
        borderRadius: number;
        fontSize: number;
        textWrap: string;
        fileColorTint: string;
        fileFocusedBoxShadow: string;
        fileSelectedBoxShadow: string;
        folderBackColorTint: string;
        folderBackFocusedColorTint: string;
        folderBackSelectedColorTint: string;
        folderFrontColorTint: string;
        folderFrontFocusedBoxShadow: string;
        folderFrontSelectedBoxShadow: string;
    };
    listFileEntry: {
        propertyFontSize: number;
        iconColor: string | undefined;
        iconFontSize: string;
        iconBorderRadius: number;
        fontSize: number;
        headerFontSize: number;
    };
    fileEntrySelectionIndicator: {
        background: string;
        backgroundColor: string;
        position: string;
        height: string;
        width: string;
        zIndex: number;
    };
    fileEntryFocusIndicator: {
        boxShadow: string;
        position: string;
        height: string;
        width: string;
        zIndex: number;
    };
    fileRenamingInputField: {
        backgroundColor: string;
        border: string;
        borderRadius: number;
    };
};
export type ChonkyTheme = typeof lightTheme;
export declare const darkThemeOverride: DeepPartial<ChonkyTheme>;
export declare const mobileThemeOverride: DeepPartial<ChonkyTheme>;
export declare const useIsMobileBreakpoint: () => boolean;
export declare const getStripeGradient: (colorOne: string, colorTwo: string) => string;
export declare const makeLocalChonkyStyles: <C extends string = string>(styles: ({
    colors: {
        debugRed: string;
        debugBlue: string;
        debugGreen: string;
        debugPurple: string;
        debugYellow: string;
        textActive: string;
    };
    fontSizes: {
        rootPrimary: number;
    };
    margins: {
        rootLayoutMargin: number;
    };
    root: {
        borderRadius: number;
        borderStyle: string;
        height: string;
    };
    toolbar: {
        size: number;
        lineHeight: string;
        buttonPadding: number;
        fontSize: number;
        buttonRadius: number;
    };
    dnd: {
        canDropColor: string;
        cannotDropColor: string;
        canDropMask: string;
        cannotDropMask: string;
        fileListCanDropMaskOne: string;
        fileListCanDropMaskTwo: string;
        fileListCannotDropMaskOne: string;
        fileListCannotDropMaskTwo: string;
    };
    dragLayer: {
        border: string;
        padding: string;
        borderRadius: number;
    };
    fileList: {
        desktopGridGutter: number;
        mobileGridGutter: number;
    };
    gridFileEntry: {
        childrenCountSize: string;
        iconColorFocused: string;
        iconSize: string;
        iconColor: string;
        borderRadius: number;
        fontSize: number;
        textWrap: string;
        fileColorTint: string;
        fileFocusedBoxShadow: string;
        fileSelectedBoxShadow: string;
        folderBackColorTint: string;
        folderBackFocusedColorTint: string;
        folderBackSelectedColorTint: string;
        folderFrontColorTint: string;
        folderFrontFocusedBoxShadow: string;
        folderFrontSelectedBoxShadow: string;
    };
    listFileEntry: {
        propertyFontSize: number;
        iconColor: string | undefined;
        iconFontSize: string;
        iconBorderRadius: number;
        fontSize: number;
        headerFontSize: number;
    };
    fileEntrySelectionIndicator: {
        background: string;
        backgroundColor: string;
        position: string;
        height: string;
        width: string;
        zIndex: number;
    };
    fileEntryFocusIndicator: {
        boxShadow: string;
        position: string;
        height: string;
        width: string;
        zIndex: number;
    };
    fileRenamingInputField: {
        backgroundColor: string;
        border: string;
        borderRadius: number;
    };
} & MuiTheme) | ((theme: ChonkyTheme & MuiTheme) => any)) => any;
export declare const makeGlobalChonkyStyles: <C extends string = string>(makeStyles: (theme: ChonkyTheme & MuiTheme) => any) => (...args: any[]) => any;
export declare const important: <T>(value: T) => (string | T)[];
export declare const c: typeof classnames;