@saleor/macaw-ui
Version:
Saleor's UI component library
73 lines (72 loc) • 2.5 kB
TypeScript
export declare const indicator: import('@vanilla-extract/recipes').RuntimeFn<{
disabled: {
true: string;
false: string;
};
}>;
export declare const item: import('@vanilla-extract/recipes').RuntimeFn<{
error: {
true: {
selectors: {
"&:hover": {
backgroundColor: `var(--${string})`;
};
"&:active": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked'][data-disabled]": {
backgroundColor: `var(--${string})`;
};
"&:active:after": {
backgroundColor: `var(--${string})`;
};
"&:hover:after": {
backgroundColor: `var(--${string})`;
};
"&:focus-visible": {
backgroundColor: `var(--${string})`;
};
"&:focus-visible:after": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked']": {
backgroundColor: `var(--${string})`;
borderColor: `var(--${string})`;
};
"&[data-state='checked']:hover": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked']:hover:after": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked']:focus-visible": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked']:focus-visible:after": {
backgroundColor: `var(--${string})`;
};
};
};
};
disabled: {
true: {
selectors: {
"&:hover": {
backgroundColor: `var(--${string})`;
};
"&:active": {
backgroundColor: `var(--${string})`;
};
"&:active:after": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked']:hover": {
backgroundColor: `var(--${string})`;
};
"&[data-state='checked']:hover:after": {
backgroundColor: `var(--${string})`;
};
};
};
};
}>;