reablocks
Version:
Component library for React
84 lines (83 loc) • 2.15 kB
TypeScript
interface ThemeColor {
base?: string;
variants?: {
filled?: string;
outline?: string;
[key: string]: string;
};
selectable?: {
base?: string;
variants?: {
filled?: {
base?: string;
selected?: string;
};
outline?: {
base?: string;
selected?: string;
};
[key: string]: {
base?: string;
selected?: string;
};
};
};
}
export interface ChipTheme {
/** CSS class applied to the root chip element. */
base: string;
/** CSS class applied to the chip's label text. */
label: string;
/** Class names for the chip's start and end adornment slots. */
adornment: {
base: string;
start: string;
end: string;
sizes: {
small: string;
medium: string;
large: string;
[key: string]: string;
};
};
/** Class names for each visual chip variant. */
variants: {
filled: string;
outline: string;
[key: string]: string;
};
/** Class names for each chip color, including selectable states. */
colors: {
default?: ThemeColor;
primary?: ThemeColor;
secondary?: ThemeColor;
success?: ThemeColor;
warning?: ThemeColor;
error?: ThemeColor;
info?: ThemeColor;
[key: string]: ThemeColor;
};
/** Class names for each chip size. */
sizes: {
small: string;
medium: string;
large: string;
[key: string]: string;
};
/** CSS class applied to the chip when focused. */
focus: string;
/** Class names for the chip's delete button at each size. */
deleteButton: {
base: string;
sizes: {
small: string;
medium: string;
large: string;
[key: string]: string;
};
};
/** CSS class applied when the chip is disabled. */
disabled: string;
}
export declare const chipTheme: ChipTheme;
export {};