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

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

{"version":3,"file":"snacks.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/snacks/snacks.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const snacksStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      insetX: \"0\",\n      maxW: \"full\",\n      position: \"absolute\",\n      top: \"calc({gap} * {index})\",\n      w: \"100%\",\n      zIndex: \"{z-index}\",\n    },\n    list: { position: \"relative\", w: \"full\" },\n    root: {\n      \"&[data-negative]\": { m: \"calc({top} * -1) 0 calc({bottom} * -1)\" },\n      \"--gap\": \"spaces.md\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type SnacksStyle = typeof snacksStyle\n"],"mappings":";;;AAEA,MAAa,cAAcA,wCAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,SACd;EACD,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,sBAAsB;GACrC;EACD,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;EACN;CACD,SAAS;EACP,wBAAwB,EAAE,IAAI,KAAK;EACnC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;EACN;CACD,MAAM;EACJ,QAAQ;EACR,MAAM;EACN,UAAU;EACV,KAAK;EACL,GAAG;EACH,QAAQ;EACT;CACD,MAAM;EAAE,UAAU;EAAY,GAAG;EAAQ;CACzC,MAAM;EACJ,oBAAoB,EAAE,GAAG,0CAA0C;EACnE,SAAS;EACT,GAAG;EACJ;CACF,EACF,CAAC"}