@yamada-ui/react/dist/cjs/components/card/card.style.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"card.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/card/card.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const cardStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"start\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      justifyContent: \"start\",\n    },\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      overflowWrap: \"break-word\",\n      rounded: \"l2\",\n      w: \"full\",\n    },\n  },\n\n  variants: {\n    elevated: {\n      root: {\n        bg: \"bg.panel\",\n        boxShadow: \"md\",\n      },\n    },\n    outline: {\n      root: {\n        layerStyle: \"outline\",\n      },\n    },\n    panel: {\n      root: {\n        layerStyle: \"panel\",\n      },\n    },\n    solid: {\n      root: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      root: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      root: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      body: { gap: \"3\", px: \"3\", py: \"2\" },\n      footer: { gap: \"3\", pb: \"2\", px: \"3\" },\n      header: { fontSize: \"lg\", gap: \"3\", pt: \"2\", px: \"3\" },\n    },\n    md: {\n      body: { gap: \"4\", px: \"4\", py: \"3\" },\n      footer: { gap: \"4\", pb: \"3\", px: \"4\" },\n      header: { fontSize: \"xl\", gap: \"4\", pt: \"3\", px: \"4\" },\n    },\n    lg: {\n      body: { gap: \"6\", px: \"6\", py: \"5\" },\n      footer: { gap: \"6\", pb: \"5\", px: \"6\" },\n      header: { fontSize: \"2xl\", gap: \"6\", pt: \"5\", px: \"6\" },\n    },\n    xl: {\n      body: { gap: \"8\", px: \"8\", py: \"7\" },\n      footer: { gap: \"8\", pb: \"7\", px: \"8\" },\n      header: { fontSize: \"2xl\", gap: \"8\", pt: \"7\", px: \"8\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"panel\",\n  },\n})\n\nexport type CardStyle = typeof cardStyle\n"],"mappings":";;;AAEA,MAAa,YAAYA,wCAAyB;CAChD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GAChB;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,gBAAgB;GACjB;EACD,MAAM;GACJ,SAAS;GACT,eAAe;GACf,cAAc;GACd,SAAS;GACT,GAAG;GACJ;EACF;CAED,UAAU;EACR,UAAU,EACR,MAAM;GACJ,IAAI;GACJ,WAAW;GACZ,EACF;EACD,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,QAAQ,EACN,MAAM,EACJ,YAAY,UACb,EACF;EACD,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACF;CAED,OAAO;EACL,IAAI;GACF,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACpC,QAAQ;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACtC,QAAQ;IAAE,UAAU;IAAM,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACvD;EACD,IAAI;GACF,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACpC,QAAQ;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACtC,QAAQ;IAAE,UAAU;IAAM,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACvD;EACD,IAAI;GACF,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACpC,QAAQ;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACtC,QAAQ;IAAE,UAAU;IAAO,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACxD;EACD,IAAI;GACF,MAAM;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACpC,QAAQ;IAAE,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACtC,QAAQ;IAAE,UAAU;IAAO,KAAK;IAAK,IAAI;IAAK,IAAI;IAAK;GACxD;EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}