@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 4.46 kB
Source Map (JSON)
{"version":3,"file":"carousel.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/carousel/carousel.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const carouselStyle = defineComponentSlotStyle({\n base: {\n indicator: {\n bg: \"colorScheme.solid/40\",\n cursor: \"pointer\",\n rounded: \"full\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n _horizontal: { w: \"10\" },\n _vertical: { h: \"10\" },\n _hover: {\n _notSelected: {\n bg: \"colorScheme.solid/70\",\n },\n },\n _selected: {\n bg: \"colorScheme.solid\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n indicators: {\n display: \"flex\",\n gap: \"2\",\n justifyContent: \"center\",\n position: \"absolute\",\n zIndex: \"yamcha\",\n _horizontal: {\n bottom: \"4\",\n flexDirection: \"row\",\n h: \"2\",\n left: \"50%\",\n px: \"4\",\n transform: \"translateX(-50%)\",\n w: \"full\",\n },\n _vertical: {\n flexDirection: \"column\",\n h: \"full\",\n py: \"4\",\n right: \"4\",\n top: \"50%\",\n transform: \"translateY(-50%)\",\n w: \"2\",\n },\n },\n item: {\n \"&:not([data-include-gap-in-size])\": {\n _horizontal: { mr: \"{slide-gap}\" },\n _vertical: { mb: \"{slide-gap}\" },\n },\n \"&[data-include-gap-in-size]\": {\n _horizontal: { pr: \"{slide-gap}\" },\n _vertical: { pb: \"{slide-gap}\" },\n },\n boxSize: \"full\",\n flex: \"0 0 {slide-size}\",\n position: \"relative\",\n },\n list: {\n \"&[data-include-gap-in-size]\": {\n _horizontal: { mr: \"calc({slide-gap} * -1)\" },\n _vertical: { mb: \"calc({slide-gap} * -1)\" },\n },\n display: \"flex\",\n h: \"full\",\n _horizontal: { flexDirection: \"row\" },\n _vertical: { flexDirection: \"column\" },\n },\n next: {\n _horizontal: {\n right: \"4\",\n },\n _vertical: {\n bottom: \"4\",\n },\n },\n prev: {\n _horizontal: {\n left: \"4\",\n },\n _vertical: {\n top: \"4\",\n },\n },\n root: {\n \"--slide-gap\": \"spaces.4\",\n \"--slide-size\": \"sizes.full\",\n overflow: \"hidden\",\n position: \"relative\",\n w: \"full\",\n },\n trigger: {\n position: \"absolute\",\n zIndex: \"kurillin\",\n _horizontal: {\n top: \"50%\",\n transform: \"translateY(-50%)\",\n },\n _vertical: {\n left: \"50%\",\n transform: \"translateX(-50%) rotate(90deg)\",\n },\n },\n },\n\n sizes: {\n sm: {\n root: { h: \"sm\" },\n },\n md: {\n root: { h: \"md\" },\n },\n lg: {\n root: { h: \"lg\" },\n },\n },\n\n defaultProps: {\n size: \"md\",\n },\n})\n\nexport type CarouselStyle = typeof carouselStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,wCAAyB;CACpD,MAAM;EACJ,WAAW;GACT,IAAI;GACJ,QAAQ;GACR,SAAS;GACT,oBAAoB;GACpB,oBAAoB;GACpB,aAAa,EAAE,GAAG,MAAM;GACxB,WAAW,EAAE,GAAG,MAAM;GACtB,QAAQ,EACN,cAAc,EACZ,IAAI,wBACL,EACF;GACD,WAAW,EACT,IAAI,qBACL;GACD,WAAW,EACT,YAAY,YACb;GACF;EACD,YAAY;GACV,SAAS;GACT,KAAK;GACL,gBAAgB;GAChB,UAAU;GACV,QAAQ;GACR,aAAa;IACX,QAAQ;IACR,eAAe;IACf,GAAG;IACH,MAAM;IACN,IAAI;IACJ,WAAW;IACX,GAAG;IACJ;GACD,WAAW;IACT,eAAe;IACf,GAAG;IACH,IAAI;IACJ,OAAO;IACP,KAAK;IACL,WAAW;IACX,GAAG;IACJ;GACF;EACD,MAAM;GACJ,qCAAqC;IACnC,aAAa,EAAE,IAAI,eAAe;IAClC,WAAW,EAAE,IAAI,eAAe;IACjC;GACD,+BAA+B;IAC7B,aAAa,EAAE,IAAI,eAAe;IAClC,WAAW,EAAE,IAAI,eAAe;IACjC;GACD,SAAS;GACT,MAAM;GACN,UAAU;GACX;EACD,MAAM;GACJ,+BAA+B;IAC7B,aAAa,EAAE,IAAI,0BAA0B;IAC7C,WAAW,EAAE,IAAI,0BAA0B;IAC5C;GACD,SAAS;GACT,GAAG;GACH,aAAa,EAAE,eAAe,OAAO;GACrC,WAAW,EAAE,eAAe,UAAU;GACvC;EACD,MAAM;GACJ,aAAa,EACX,OAAO,KACR;GACD,WAAW,EACT,QAAQ,KACT;GACF;EACD,MAAM;GACJ,aAAa,EACX,MAAM,KACP;GACD,WAAW,EACT,KAAK,KACN;GACF;EACD,MAAM;GACJ,eAAe;GACf,gBAAgB;GAChB,UAAU;GACV,UAAU;GACV,GAAG;GACJ;EACD,SAAS;GACP,UAAU;GACV,QAAQ;GACR,aAAa;IACX,KAAK;IACL,WAAW;IACZ;GACD,WAAW;IACT,MAAM;IACN,WAAW;IACZ;GACF;EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM,EAAE,GAAG,MAAM,EAClB;EACD,IAAI,EACF,MAAM,EAAE,GAAG,MAAM,EAClB;EACD,IAAI,EACF,MAAM,EAAE,GAAG,MAAM,EAClB;EACF;CAED,cAAc,EACZ,MAAM,MACP;CACF,CAAC"}