@spark-web/utils
Version:
--- title: Utilities isExperimentalPackage: true ---
135 lines (134 loc) • 2.95 kB
TypeScript
import type { ElementType } from 'react';
export declare const base: {
readonly margin: 0;
readonly padding: 0;
readonly border: 0;
readonly boxSizing: "border-box";
readonly fontSize: "100%";
readonly font: "inherit";
readonly verticalAlign: "baseline";
readonly WebkitTapHighlightColor: "transparent";
};
export declare const element: {
readonly article: {
display: string;
};
readonly aside: {
display: string;
};
readonly sup: {
verticalAlign: string;
};
readonly details: {
display: string;
};
readonly figcaption: {
display: string;
};
readonly figure: {
display: string;
};
readonly footer: {
display: string;
};
readonly header: {
display: string;
};
readonly hgroup: {
display: string;
};
readonly menu: {
display: string;
};
readonly nav: {
display: string;
};
readonly section: {
display: string;
};
readonly ul: {
listStyle: string;
};
readonly ol: {
listStyle: string;
};
readonly blockquote: {
quotes: string;
};
readonly q: {
quotes: string;
};
readonly body: {
lineHeight: number;
};
readonly a: {
textDecoration: string;
color: string;
};
readonly table: {
readonly borderCollapse: "collapse";
readonly borderSpacing: 0;
};
readonly mark: {
backgroundColor: string;
} & {
color: string;
};
readonly select: {
display: string;
} & {
backgroundColor: string;
} & {
readonly appearance: "none";
} & {
':disabled': {
opacity: number;
};
'&::-ms-expand': {
display: string;
};
};
readonly button: {
backgroundColor: string;
};
readonly textarea: {
display: string;
} & {
backgroundColor: string;
} & {
readonly appearance: "none";
};
readonly input: {
display: string;
} & {
backgroundColor: string;
} & {
readonly appearance: "none";
} & {
'&::-ms-clear': {
display: string;
};
'&::-webkit-search-cancel-button': {
WebkitAppearance: string;
};
};
};
export declare function resetElementStyles(keyOrComponent: string | ElementType): {
readonly margin: 0;
readonly padding: 0;
readonly border: 0;
readonly boxSizing: "border-box";
readonly fontSize: "100%";
readonly font: "inherit";
readonly verticalAlign: "baseline";
readonly WebkitTapHighlightColor: "transparent";
} | {
verticalAlign: string;
margin: 0;
padding: 0;
border: 0;
boxSizing: "border-box";
fontSize: "100%";
font: "inherit";
WebkitTapHighlightColor: "transparent";
};