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

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

{"version":3,"file":"scroll-area.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/scroll-area/scroll-area.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const scrollAreaStyle = defineComponentStyle({\n  base: {\n    \"@-moz-document url-prefix()\": {\n      scrollbarColor: \"{colors.bg.emphasized} transparent\",\n      _dark: {\n        scrollbarColor: \"{colors.bg.emphasized} transparent\",\n      },\n      _light: {\n        scrollbarColor: \"{colors.bg.emphasized} transparent\",\n      },\n    },\n    overflow: \"auto\",\n    _scrollbar: {\n      boxSize: \"3\",\n    },\n    _scrollbarCorner: {\n      bg: \"transparent\",\n    },\n    _scrollbarThumb: {\n      bg: \"bg.emphasized\",\n      bgClip: \"padding-box\",\n      border: \"3px solid transparent\",\n      rounded: \"full\",\n      _nativeHover: {\n        bg: \"bg.contrast\",\n        bgClip: \"padding-box\",\n      },\n    },\n    _scrollbarTrack: {\n      bg: \"transparent\",\n    },\n    _hidden: {\n      \"&::-webkit-scrollbar-thumb\": { bg: \"transparent\" },\n      \"&::-webkit-scrollbar-track\": { bg: \"transparent\" },\n      \"@-moz-document url-prefix()\": {\n        scrollbarColor: \"transparent transparent\",\n        _dark: {\n          scrollbarColor: \"transparent transparent\",\n        },\n        _light: {\n          scrollbarColor: \"transparent transparent\",\n        },\n      },\n      _dark: {\n        \"&::-webkit-scrollbar-thumb\": { bg: \"transparent\" },\n        \"&::-webkit-scrollbar-track\": { bg: \"transparent\" },\n        _scrollbarThumb: { bg: \"transparent\" },\n        _scrollbarTrack: { bg: \"transparent\" },\n      },\n      _light: {\n        \"&::-webkit-scrollbar-thumb\": { bg: \"transparent\" },\n        \"&::-webkit-scrollbar-track\": { bg: \"transparent\" },\n        _scrollbarThumb: { bg: \"transparent\" },\n        _scrollbarTrack: { bg: \"transparent\" },\n      },\n      _scrollbarThumb: { bg: \"transparent\" },\n      _scrollbarTrack: { bg: \"transparent\" },\n    },\n    _never: {\n      \"&::-webkit-scrollbar\": { display: \"none\" },\n      scrollbarWidth: \"none\",\n      _scrollbar: { display: \"none\" },\n    },\n  },\n})\n\nexport type ScrollAreaStyle = typeof scrollAreaStyle\n"],"mappings":";;;AAEA,MAAa,kBAAkBA,oCAAqB,EAClD,MAAM;CACJ,+BAA+B;EAC7B,gBAAgB;EAChB,OAAO,EACL,gBAAgB,sCACjB;EACD,QAAQ,EACN,gBAAgB,sCACjB;EACF;CACD,UAAU;CACV,YAAY,EACV,SAAS,KACV;CACD,kBAAkB,EAChB,IAAI,eACL;CACD,iBAAiB;EACf,IAAI;EACJ,QAAQ;EACR,QAAQ;EACR,SAAS;EACT,cAAc;GACZ,IAAI;GACJ,QAAQ;GACT;EACF;CACD,iBAAiB,EACf,IAAI,eACL;CACD,SAAS;EACP,8BAA8B,EAAE,IAAI,eAAe;EACnD,8BAA8B,EAAE,IAAI,eAAe;EACnD,+BAA+B;GAC7B,gBAAgB;GAChB,OAAO,EACL,gBAAgB,2BACjB;GACD,QAAQ,EACN,gBAAgB,2BACjB;GACF;EACD,OAAO;GACL,8BAA8B,EAAE,IAAI,eAAe;GACnD,8BAA8B,EAAE,IAAI,eAAe;GACnD,iBAAiB,EAAE,IAAI,eAAe;GACtC,iBAAiB,EAAE,IAAI,eAAe;GACvC;EACD,QAAQ;GACN,8BAA8B,EAAE,IAAI,eAAe;GACnD,8BAA8B,EAAE,IAAI,eAAe;GACnD,iBAAiB,EAAE,IAAI,eAAe;GACtC,iBAAiB,EAAE,IAAI,eAAe;GACvC;EACD,iBAAiB,EAAE,IAAI,eAAe;EACtC,iBAAiB,EAAE,IAAI,eAAe;EACvC;CACD,QAAQ;EACN,wBAAwB,EAAE,SAAS,QAAQ;EAC3C,gBAAgB;EAChB,YAAY,EAAE,SAAS,QAAQ;EAChC;CACF,EACF,CAAC"}