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

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

{"version":3,"file":"modal.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/modal/modal.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const modalStyle = defineComponentSlotStyle({\n  base: {\n    body: {\n      alignItems: \"flex-start\",\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"md\",\n      my: \"lg\",\n      px: \"lg\",\n    },\n    closeButton: {\n      colorScheme: \"mono\",\n      position: \"absolute\",\n      right: \"md\",\n      top: \"md\",\n    },\n    content: {\n      bg: \"bg.float\",\n      borderColor: \"border.subtle\",\n      borderWidth: \"1px\",\n      boxShadow: \"lg\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      maxH: \"full\",\n      position: \"relative\",\n      rounded: \"l4\",\n      w: \"full\",\n      zIndex: \"burter\",\n    },\n    footer: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"md\",\n      justifyContent: \"flex-end\",\n      pb: \"lg\",\n      px: \"lg\",\n    },\n    header: {\n      alignItems: \"center\",\n      display: \"flex\",\n      gap: \"md\",\n      justifyContent: \"flex-start\",\n      pt: \"lg\",\n      px: \"lg\",\n    },\n    overlay: {\n      bg: \"bg.overlay\",\n      h: \"dvh\",\n      inset: \"0\",\n      position: \"fixed\",\n      w: \"vw\",\n      zIndex: \"jeice\",\n    },\n    root: {\n      alignItems: \"center\",\n      display: \"flex\",\n      h: \"dvh\",\n      inset: \"0\",\n      justifyContent: \"center\",\n      p: \"md\",\n      position: \"fixed\",\n      w: \"vw\",\n      zIndex: \"guldo\",\n    },\n    title: {\n      fontSize: \"lg\",\n      fontWeight: \"semibold\",\n    },\n  },\n\n  props: {\n    /**\n     * The placement of the modal.\n     *\n     * @default 'center'\n     */\n    placement: {\n      center: {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        },\n      },\n      \"center-center\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"center\",\n        },\n      },\n      \"center-end\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"center-start\": {\n        root: {\n          alignItems: \"center\",\n          justifyContent: \"flex-start\",\n        },\n      },\n      \"end-center\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"center\",\n        },\n      },\n      \"end-end\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"end-start\": {\n        root: {\n          alignItems: \"flex-end\",\n          justifyContent: \"flex-start\",\n        },\n      },\n      \"start-center\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"center\",\n        },\n      },\n      \"start-end\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"flex-end\",\n        },\n      },\n      \"start-start\": {\n        root: {\n          alignItems: \"flex-start\",\n          justifyContent: \"flex-start\",\n        },\n      },\n    },\n    /**\n     * Where scroll behavior should originate.\n     *\n     * - `inside`: scroll only occurs within the `ModalBody`.\n     * - `outside`: the entire `ModalContent` will scroll within the viewport.\n     *\n     * @default 'inside'\n     */\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflow: \"auto\",\n        },\n      },\n      outside: {\n        content: {\n          overflow: \"auto\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: { content: { maxW: \"xs\" } },\n    sm: { content: { maxW: \"sm\" } },\n    md: { content: { maxW: \"md\" } },\n    lg: { content: { maxW: \"lg\" } },\n    xl: { content: { maxW: \"xl\" } },\n    \"2xl\": { content: { maxW: \"2xl\" } },\n    \"3xl\": { content: { maxW: \"3xl\" } },\n    \"4xl\": { content: { maxW: \"4xl\" } },\n    \"5xl\": { content: { maxW: \"5xl\" } },\n    \"6xl\": { content: { maxW: \"6xl\" } },\n    cover: { content: { boxSize: \"full\" } },\n    full: {\n      content: { minH: \"dvh\", minW: \"vw\", rounded: \"0\" },\n      root: { p: \"0\" },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    placement: \"center\",\n    scrollBehavior: \"inside\",\n  },\n})\n\nexport type ModalStyle = typeof modalStyle\n"],"mappings":";;;AAEA,MAAa,aAAaA,wCAAyB;CACjD,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,MAAM;GACN,eAAe;GACf,KAAK;GACL,IAAI;GACJ,IAAI;GACL;EACD,aAAa;GACX,aAAa;GACb,UAAU;GACV,OAAO;GACP,KAAK;GACN;EACD,SAAS;GACP,IAAI;GACJ,aAAa;GACb,aAAa;GACb,WAAW;GACX,SAAS;GACT,eAAe;GACf,MAAM;GACN,UAAU;GACV,SAAS;GACT,GAAG;GACH,QAAQ;GACT;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,IAAI;GACJ,IAAI;GACL;EACD,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,IAAI;GACJ,GAAG;GACH,OAAO;GACP,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,GAAG;GACH,OAAO;GACP,gBAAgB;GAChB,GAAG;GACH,UAAU;GACV,GAAG;GACH,QAAQ;GACT;EACD,OAAO;GACL,UAAU;GACV,YAAY;GACb;EACF;CAED,OAAO;EAML,WAAW;GACT,QAAQ,EACN,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,iBAAiB,EACf,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,cAAc,EACZ,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,gBAAgB,EACd,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,cAAc,EACZ,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,WAAW,EACT,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,aAAa,EACX,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,gBAAgB,EACd,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,aAAa,EACX,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACD,eAAe,EACb,MAAM;IACJ,YAAY;IACZ,gBAAgB;IACjB,EACF;GACF;EASD,gBAAgB;GACd,QAAQ,EACN,MAAM,EACJ,UAAU,QACX,EACF;GACD,SAAS,EACP,SAAS,EACP,UAAU,QACX,EACF;GACF;EACF;CAED,OAAO;EACL,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,IAAI,EAAE,SAAS,EAAE,MAAM,MAAM,EAAE;EAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,EAAE;EACnC,OAAO,EAAE,SAAS,EAAE,SAAS,QAAQ,EAAE;EACvC,MAAM;GACJ,SAAS;IAAE,MAAM;IAAO,MAAM;IAAM,SAAS;IAAK;GAClD,MAAM,EAAE,GAAG,KAAK;GACjB;EACF;CAED,cAAc;EACZ,MAAM;EACN,WAAW;EACX,gBAAgB;EACjB;CACF,CAAC"}