@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 1.47 kB
Source Map (JSON)
{"version":3,"file":"notice.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/notice/notice.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const noticeStyle = 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 minW: \"sm\",\n position: \"relative\",\n },\n root: {\n \"--mobile-offset\": \"{spaces.md}\",\n \"--offset\": \"{spaces.lg}\",\n },\n },\n})\n\nexport type NoticeStyle = typeof noticeStyle\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,MAAM;EACN,UAAU;EACX;CACD,MAAM;EACJ,mBAAmB;EACnB,YAAY;EACb;CACF,EACF,CAAC"}