25 lines
618 B
TypeScript
25 lines
618 B
TypeScript
|
import { style } from '@vanilla-extract/css';
|
||
|
|
import { RecipeVariants, recipe } from '@vanilla-extract/recipes';
|
||
|
|
import { RadiiVariant, color, config } from 'folds';
|
||
|
|
|
||
|
|
export const UploadCard = recipe({
|
||
|
|
base: {
|
||
|
|
padding: config.space.S300,
|
||
|
|
backgroundColor: color.SurfaceVariant.Container,
|
||
|
|
color: color.SurfaceVariant.OnContainer,
|
||
|
|
},
|
||
|
|
variants: {
|
||
|
|
radii: RadiiVariant,
|
||
|
|
},
|
||
|
|
defaultVariants: {
|
||
|
|
radii: '400',
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
export type UploadCardVariant = RecipeVariants<typeof UploadCard>;
|
||
|
|
|
||
|
|
export const UploadCardError = style({
|
||
|
|
padding: `0 ${config.space.S100}`,
|
||
|
|
color: color.Critical.Main,
|
||
|
|
});
|