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

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

{"version":3,"file":"skeleton.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/skeleton/skeleton.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const skeletonStyle = defineComponentStyle({\n  base: {},\n\n  props: {\n    /**\n     * If `false`, it'll render its children with a nice fade transition.\n     *\n     * @default true\n     */\n    loading: {\n      false: {\n        animationDuration: \"{fade-duration, 0.1s}\",\n        animationIterationCount: \"1\",\n        animationName: \"fade-in\",\n        animationTimingFunction: \"ease-out\",\n        bg: \"unset\",\n      },\n      true: {\n        \"&::before, &::after, *\": {\n          visibility: \"hidden\",\n        },\n        \"--height\": \"sizes.6\",\n        \"--width\": \"sizes.full\",\n        bgClip: \"padding-box\",\n        boxShadow: \"none\",\n        color: \"transparent\",\n        cursor: \"default\",\n        flexShrink: \"0\",\n        h: \"{height}\",\n        maxW: \"full\",\n        pointerEvents: \"none\",\n        rounded: \"l1\",\n        userSelect: \"none\",\n        w: \"{width}\",\n      },\n    },\n  },\n\n  variants: {\n    none: {\n      animation: \"none\",\n    },\n    pulse: {\n      animationDuration: \"{duration, 1.2s}\",\n      animationIterationCount: \"infinite\",\n      animationName: \"pulse\",\n      bg: \"bg.muted\",\n    },\n    shine: {\n      \"--animation-from\": \"200%\",\n      \"--animation-to\": \"-200%\",\n      \"--end-color\": \"colors.bg.muted\",\n      \"--start-color\": \"colors.bg.subtle\",\n      animationDuration: \"{duration, 5s}\",\n      animationIterationCount: \"infinite\",\n      animationName: \"bg-position\",\n      animationTimingFunction: \"ease-in-out\",\n      bgImage:\n        \"linear-gradient(270deg, {start-color}, {end-color}, {end-color}, {start-color})\",\n      bgSize: \"400% 100%\",\n    },\n  },\n\n  defaultProps: {\n    variant: \"pulse\",\n    loading: true,\n  },\n})\n\nexport type SkeletonStyle = typeof skeletonStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,oCAAqB;CAChD,MAAM,EAAE;CAER,OAAO,EAML,SAAS;EACP,OAAO;GACL,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GACzB,IAAI;GACL;EACD,MAAM;GACJ,0BAA0B,EACxB,YAAY,UACb;GACD,YAAY;GACZ,WAAW;GACX,QAAQ;GACR,WAAW;GACX,OAAO;GACP,QAAQ;GACR,YAAY;GACZ,GAAG;GACH,MAAM;GACN,eAAe;GACf,SAAS;GACT,YAAY;GACZ,GAAG;GACJ;EACF,EACF;CAED,UAAU;EACR,MAAM,EACJ,WAAW,QACZ;EACD,OAAO;GACL,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,IAAI;GACL;EACD,OAAO;GACL,oBAAoB;GACpB,kBAAkB;GAClB,eAAe;GACf,iBAAiB;GACjB,mBAAmB;GACnB,yBAAyB;GACzB,eAAe;GACf,yBAAyB;GACzB,SACE;GACF,QAAQ;GACT;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}