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

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

{"version":3,"file":"container.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/container/container.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const containerStyle = 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  props: {\n    /**\n     * If `true`, container will center its children regardless of their width.\n     *\n     * @default false\n     */\n    centerContent: {\n      true: {\n        body: {\n          alignItems: \"center\",\n        },\n        footer: {\n          justifyContent: \"center\",\n        },\n        header: {\n          justifyContent: \"center\",\n        },\n      },\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: \"3\" },\n      footer: { gap: \"3\", pb: \"3\", px: \"3\" },\n      header: { fontSize: \"lg\", gap: \"3\", pt: \"3\", px: \"3\" },\n    },\n    md: {\n      body: { gap: \"4\", px: \"4\", py: \"4\" },\n      footer: { gap: \"4\", pb: \"4\", px: \"4\" },\n      header: { fontSize: \"xl\", gap: \"4\", pt: \"4\", px: \"4\" },\n    },\n    lg: {\n      body: { gap: \"6\", px: \"6\", py: \"6\" },\n      footer: { gap: \"6\", pb: \"6\", px: \"6\" },\n      header: { fontSize: \"2xl\", gap: \"6\", pt: \"6\", px: \"6\" },\n    },\n    xl: {\n      body: { gap: \"8\", px: \"8\", py: \"8\" },\n      footer: { gap: \"8\", pb: \"8\", px: \"8\" },\n      header: { fontSize: \"2xl\", gap: \"8\", pt: \"8\", px: \"8\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"lg\",\n    variant: \"panel\",\n  },\n})\n\nexport type ContainerStyle = typeof containerStyle\n"],"mappings":";;;AAEA,MAAa,iBAAiBA,wCAAyB;CACrD,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,OAAO,EAML,eAAe,EACb,MAAM;EACJ,MAAM,EACJ,YAAY,UACb;EACD,QAAQ,EACN,gBAAgB,UACjB;EACD,QAAQ,EACN,gBAAgB,UACjB;EACF,EACF,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"}