@brizy/ui
Version:
React elements in Brizy style
27 lines (26 loc) • 1.12 kB
TypeScript
import { CSSProperties } from "react";
import { ApplyProperties, Color } from "../types";
export type Size = "small" | "large" | number | {
x?: number;
y?: number;
};
export type Radius = "none" | "round" | "rounded" | number;
interface ButtonCustomSizeProperties extends CSSProperties {
"--brz-ui-btn-custom": string;
}
interface ButtonBorderRadiusProperties extends CSSProperties {
"--brz-ui-btn-radius": string;
}
interface ButtonDisabledWidthProperties extends CSSProperties {
"--brz-ui-btn-disabled-width": string;
}
export declare const getHoverColor: (color: Color) => ApplyProperties<{
"--brz-ui-btn-hover": string;
}>;
export declare const getColor: (color: Color) => ApplyProperties<{
"--brz-ui-btn-color": string;
}>;
export declare const getDisabledWidth: (fullWidth: boolean) => ApplyProperties<ButtonDisabledWidthProperties | Record<string, unknown>>;
export declare const getCustomSize: (size?: Size) => ButtonCustomSizeProperties | Record<string, unknown>;
export declare const getRadius: (radius?: Radius) => ButtonBorderRadiusProperties | Record<string, unknown>;
export {};