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

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

{"version":3,"file":"drawer.style.cjs","names":["defineComponentSlotStyle","modalStyle"],"sources":["../../../../src/components/drawer/drawer.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { modalStyle } from \"../modal\"\n\nexport const drawerStyle = defineComponentSlotStyle({\n  base: {\n    ...modalStyle.base,\n    body: {\n      ...modalStyle.base?.body,\n      overflow: \"auto\",\n    },\n    content: {\n      ...modalStyle.base?.content,\n      position: \"fixed\",\n      rounded: \"l4\",\n    },\n    dragBar: {\n      bg: \"bg.subtle\",\n      position: \"absolute\",\n      rounded: \"full\",\n    },\n  },\n\n  props: {\n    /**\n     * The placement of the drawer.\n     *\n     * @default 'inline-end'\n     */\n    placement: {\n      \"block-end\": {\n        content: { maxW: \"full\", roundedBottom: \"0\" },\n        dragBar: {\n          left: \"50%\",\n          minH: \"2\",\n          top: \"md\",\n          transform: \"translateX(-50%)\",\n          w: \"3xs\",\n        },\n      },\n      \"block-start\": {\n        content: { maxW: \"full\", roundedTop: \"0\" },\n        dragBar: {\n          bottom: \"md\",\n          left: \"50%\",\n          minH: \"2\",\n          transform: \"translateX(-50%)\",\n          w: \"3xs\",\n        },\n      },\n      \"inline-end\": {\n        content: { roundedRight: \"0\" },\n        dragBar: {\n          h: \"3xs\",\n          left: \"md\",\n          minW: \"2\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\n        },\n      },\n      \"inline-start\": {\n        content: { roundedLeft: \"0\" },\n        dragBar: {\n          h: \"3xs\",\n          minW: \"2\",\n          right: \"md\",\n          top: \"50%\",\n          transform: \"translateY(-50%)\",\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    full: { content: { minH: \"dvh\", minW: \"vw\", rounded: \"0\" } },\n  },\n\n  compounds: [\n    {\n      css: {\n        content: {\n          pb: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"0\",\n            position: \"absolute\",\n            right: \"0\",\n            top: \"calc(-100dvh + 1px)\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"block-start\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          pt: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"calc(-100dvh + 1px)\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"0\",\n            position: \"absolute\",\n            right: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"block-end\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          ps: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"0\",\n            display: \"block\",\n            h: \"dvh\",\n            position: \"absolute\",\n            right: \"calc(-100% + 1px)\",\n            top: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"inline-end\",\n      withDragBar: true,\n    },\n    {\n      css: {\n        content: {\n          pe: \"md\",\n          _after: {\n            bg: \"bg.panel\",\n            bottom: \"0\",\n            display: \"block\",\n            h: \"dvh\",\n            left: \"calc(-100% + 1px)\",\n            position: \"absolute\",\n            top: \"0\",\n            w: \"full\",\n          },\n        },\n      },\n      closeOnDrag: true,\n      placement: \"inline-start\",\n      withDragBar: true,\n    },\n  ],\n\n  defaultProps: {\n    size: \"lg\",\n    placement: \"inline-end\",\n  },\n})\n\nexport type DrawerStyle = typeof drawerStyle\n"],"mappings":";;;;AAGA,MAAa,cAAcA,wCAAyB;CAClD,MAAM;EACJ,GAAGC,+BAAW;EACd,MAAM;GACJ,GAAGA,+BAAW,MAAM;GACpB,UAAU;GACX;EACD,SAAS;GACP,GAAGA,+BAAW,MAAM;GACpB,UAAU;GACV,SAAS;GACV;EACD,SAAS;GACP,IAAI;GACJ,UAAU;GACV,SAAS;GACV;EACF;CAED,OAAO,EAML,WAAW;EACT,aAAa;GACX,SAAS;IAAE,MAAM;IAAQ,eAAe;IAAK;GAC7C,SAAS;IACP,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACX,GAAG;IACJ;GACF;EACD,eAAe;GACb,SAAS;IAAE,MAAM;IAAQ,YAAY;IAAK;GAC1C,SAAS;IACP,QAAQ;IACR,MAAM;IACN,MAAM;IACN,WAAW;IACX,GAAG;IACJ;GACF;EACD,cAAc;GACZ,SAAS,EAAE,cAAc,KAAK;GAC9B,SAAS;IACP,GAAG;IACH,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACZ;GACF;EACD,gBAAgB;GACd,SAAS,EAAE,aAAa,KAAK;GAC7B,SAAS;IACP,GAAG;IACH,MAAM;IACN,OAAO;IACP,KAAK;IACL,WAAW;IACZ;GACF;EACF,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,MAAM,EAAE,SAAS;GAAE,MAAM;GAAO,MAAM;GAAM,SAAS;GAAK,EAAE;EAC7D;CAED,WAAW;EACT;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,OAAO;KACP,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,OAAO;KACP,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,UAAU;KACV,OAAO;KACP,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACD;GACE,KAAK,EACH,SAAS;IACP,IAAI;IACJ,QAAQ;KACN,IAAI;KACJ,QAAQ;KACR,SAAS;KACT,GAAG;KACH,MAAM;KACN,UAAU;KACV,KAAK;KACL,GAAG;KACJ;IACF,EACF;GACD,aAAa;GACb,WAAW;GACX,aAAa;GACd;EACF;CAED,cAAc;EACZ,MAAM;EACN,WAAW;EACZ;CACF,CAAC"}