@equinor/fusion-react-styles/dist/make-styles.d.ts

style lib inspired by @material-ui/styles

import { ClassNameMap } from '@material-ui/styles';
import { FusionTheme } from './theme';
import type { Styles } from './types';
export declare const makeStyles: <Theme = {
    colors: {
        infographic: Record<"substitute__purple_berry" | "substitute__pink_rose" | "substitute__pink_salmon" | "substitute__green_cucumber" | "substitute__green_succulent" | "substitute__green_mint" | "substitute__blue_ocean" | "substitute__blue_overcast" | "substitute__blue_sky" | "primary__moss_green_100" | "primary__moss_green_55" | "primary__moss_green_34" | "primary__moss_green_21" | "primary__moss_green_13" | "primary__energy_red_100" | "primary__energy_red_55" | "primary__energy_red_34" | "primary__energy_red_21" | "primary__energy_red_13" | "primary__weathered_red" | "primary__slate_blue" | "primary__spruce_wood" | "primary__mist_blue" | "primary__lichen_green", import("@equinor/fusion-web-theme/dist/styles/colors").ColorStyleProperty>;
        interactive: Record<"primary__selected_highlight" | "primary__selected_hover" | "primary__resting" | "primary__hover" | "primary__hover_alt" | "secondary__highlight" | "secondary__resting" | "secondary__link_hover" | "danger__highlight" | "danger__resting" | "danger__hover" | "danger__text" | "warning__highlight" | "warning__resting" | "warning__hover" | "warning__text" | "success__highlight" | "success__resting" | "success__hover" | "success__text" | "table__cell__fill_resting" | "table__cell__fill_hover" | "table__cell__fill_activated" | "table__header__fill_activated" | "table__header__fill_hover" | "table__header__fill_resting" | "disabled__text" | "text_highlight" | "focus" | "disabled__border" | "disabled__fill" | "link_on_interactive_colors" | "icon_on_interactive_colors" | "link_in_snackbars" | "pressed_overlay_dark" | "pressed_overlay_light", import("@equinor/fusion-web-theme/dist/styles/colors").ColorStyleProperty>;
        logo: Record<"fill_positive" | "fill_negative", import("@equinor/fusion-web-theme/dist/styles/colors").ColorStyleProperty>;
        text: Record<"static_icons__default" | "static_icons__secondary" | "static_icons__tertiary" | "static_icons__primary_white", import("@equinor/fusion-web-theme/dist/styles/colors").ColorStyleProperty>;
        ui: Record<"background__default" | "background__semitransparent" | "background__light" | "background__scrim" | "background__overlay" | "background__medium" | "background__info" | "background__warning" | "background__danger", import("@equinor/fusion-web-theme/dist/styles/colors").ColorStyleProperty>;
    };
    elevation: Record<"none" | "overlay" | "sticky" | "raised" | "temporary_nav" | "above_scrim", import("@equinor/fusion-web-theme/dist/styles/elevation").ElevationStyleProperty>;
    spacing: {
        comfortable: Record<"medium" | "large" | "small" | "xxx_large" | "xx_large" | "x_large" | "medium_small" | "x_small" | "xx_small", import("@equinor/fusion-web-theme/dist/styles/spacing").SpacingStyleProperty>;
    };
    typography: {
        heading: Record<"h1_bold" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6", import("@equinor/fusion-web-theme/dist/styles/typography").TypographyStyleProperty>;
        input: Record<"text" | "label" | "text_monospaced" | "helper", import("@equinor/fusion-web-theme/dist/styles/typography").TypographyStyleProperty>;
        navigation: Record<"button" | "label" | "menu_title" | "menu_tabs" | "drawer_active" | "drawer_inactive" | "breadcrumb" | "breadcrumb_hover" | "menu_title_hover", import("@equinor/fusion-web-theme/dist/styles/typography").TypographyStyleProperty>;
        paragraph: Record<"overline" | "caption" | "body_short_italic" | "meta" | "body_short" | "body_short_bold_italic" | "body_short_bold" | "body_short_link" | "ingress" | "body_long" | "body_long_link" | "body_long_italic" | "body_long_bold" | "body_long_bold_italic", import("@equinor/fusion-web-theme/dist/styles/typography").TypographyStyleProperty>;
        table: Record<"cell_header" | "cell_text" | "cell_text_bold" | "cell_text_link" | "cell_numeric_monospaced", import("@equinor/fusion-web-theme/dist/styles/typography").TypographyStyleProperty>;
        ui: Record<"tooltip" | "snackbar" | "accordion_header" | "chip__badge" | "chart", import("@equinor/fusion-web-theme/dist/styles/typography").TypographyStyleProperty>;
    };
}, Props extends Record<string, unknown> = Record<string, unknown>, ClassKey extends string = string>(stylesOrCreator: Styles<Theme, Props, ClassKey>, options?: {}) => keyof Props extends never ? (props?: Props) => ClassNameMap<ClassKey> : (props: Props) => ClassNameMap<ClassKey>;
export default makeStyles;
//# sourceMappingURL=make-styles.d.ts.map