ui-lit/button/styles.d.ts

UI Elements on LIT

export declare const buttonCSSVars: {
    display: {
        name: string;
        default: string;
    };
    primaryColor: {
        name: string;
        default: string;
    };
    primaryBackground: {
        name: string;
        default: string;
    };
    primaryBackgroundHover: {
        name: string;
        default: string;
    };
    primaryRipple: {
        name: string;
        default: string;
    };
    primaryBorder: {
        name: string;
        default: string;
    };
    primaryOutlineFocus: {
        name: string;
        default: string;
    };
    successColor: {
        name: string;
        default: string;
    };
    successBackground: {
        name: string;
        default: string;
    };
    successBackgroundHover: {
        name: string;
        default: string;
    };
    successRipple: {
        name: string;
        default: string;
    };
    successBorder: {
        name: string;
        default: string;
    };
    successOutlineFocus: {
        name: string;
        default: string;
    };
    dangerColor: {
        name: string;
        default: string;
    };
    dangerBackground: {
        name: string;
        default: string;
    };
    dangerBackgroundHover: {
        name: string;
        default: string;
    };
    dangerRipple: {
        name: string;
        default: string;
    };
    dangerBorder: {
        name: string;
        default: string;
    };
    dangerOutlineFocus: {
        name: string;
        default: string;
    };
    iconGap: {
        name: string;
        default: string;
    };
    justify: {
        name: string;
        default: string;
    };
    smallHeight: {
        name: string;
        default: string;
    };
    smallPadding: {
        name: string;
        default: string;
    };
    smallFontSize: {
        name: string;
        default: string;
    };
    mediumHeight: {
        name: string;
        default: string;
    };
    mediumPadding: {
        name: string;
        default: string;
    };
    mediumFontSize: {
        name: string;
        default: string;
    };
    largeHeight: {
        name: string;
        default: string;
    };
    largePadding: {
        name: string;
        default: string;
    };
    largeFontSize: {
        name: string;
        default: string;
    };
    borderRadius: {
        name: string;
        default: string;
    };
    weight: {
        name: string;
        default: string;
    };
    textTransform: {
        name: string;
        default: string;
    };
    letterSpacing: {
        name: string;
        default: string;
    };
    outline: {
        name: string;
        default: string;
    };
    outlineFocus: {
        name: string;
        default: string;
    };
    border: {
        name: string;
        default: string;
    };
    color: {
        name: string;
        default: string;
    };
    background: {
        name: string;
        default: string;
    };
    backgroundFocus: {
        name: string;
        default: string;
    };
    backgroundHover: {
        name: string;
        default: string;
    };
    ripple: {
        name: string;
        default: string;
    };
    switchColor: {
        name: string;
        default: string;
    };
    switchOnColor: {
        name: string;
        default: string;
    };
    switchOnBackground: {
        name: string;
        default: string;
    };
    switchOutlineFocus: {
        name: string;
        default: string;
    };
    switchOnOutlineFocus: {
        name: string;
        default: string;
    };
};
export declare const buttonCSSPrefix: import("lit").CSSResult;
export declare const buttonCSSValues: Record<"color" | "display" | "justify" | "weight" | "outline" | "border" | "background" | "ripple" | "primaryColor" | "primaryBackground" | "primaryBackgroundHover" | "primaryRipple" | "primaryBorder" | "primaryOutlineFocus" | "successColor" | "successBackground" | "successBackgroundHover" | "successRipple" | "successBorder" | "successOutlineFocus" | "dangerColor" | "dangerBackground" | "dangerBackgroundHover" | "dangerRipple" | "dangerBorder" | "dangerOutlineFocus" | "iconGap" | "smallHeight" | "smallPadding" | "smallFontSize" | "mediumHeight" | "mediumPadding" | "mediumFontSize" | "largeHeight" | "largePadding" | "largeFontSize" | "borderRadius" | "textTransform" | "letterSpacing" | "outlineFocus" | "backgroundFocus" | "backgroundHover" | "switchColor" | "switchOnColor" | "switchOnBackground" | "switchOutlineFocus" | "switchOnOutlineFocus", import("lit").CSSResultOrNative>;
export declare const buttonCSSVarsNames: Record<"color" | "display" | "justify" | "weight" | "outline" | "border" | "background" | "ripple" | "primaryColor" | "primaryBackground" | "primaryBackgroundHover" | "primaryRipple" | "primaryBorder" | "primaryOutlineFocus" | "successColor" | "successBackground" | "successBackgroundHover" | "successRipple" | "successBorder" | "successOutlineFocus" | "dangerColor" | "dangerBackground" | "dangerBackgroundHover" | "dangerRipple" | "dangerBorder" | "dangerOutlineFocus" | "iconGap" | "smallHeight" | "smallPadding" | "smallFontSize" | "mediumHeight" | "mediumPadding" | "mediumFontSize" | "largeHeight" | "largePadding" | "largeFontSize" | "borderRadius" | "textTransform" | "letterSpacing" | "outlineFocus" | "backgroundFocus" | "backgroundHover" | "switchColor" | "switchOnColor" | "switchOnBackground" | "switchOutlineFocus" | "switchOnOutlineFocus", import("lit").CSSResultOrNative>;
export declare const button: import("lit").CSSResult[];