{"version":3,"file":"index.BeulQNGM.js","sources":["../../../../../../../node_modules/@babylon/ui-kit-structures/components/others/skeleton/themes/styles/liverpool.js","../../../../../../../node_modules/@babylon/ui-kit-structures/components/others/skeleton/themes/index.js","../../../../../../../node_modules/@babylon/ui-kit-structures/components/others/skeleton/styled.js","../../../../../../../node_modules/@babylon/ui-kit-structures/components/others/skeleton/index.js"],"sourcesContent":["import { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport { css } from 'styled-components';\n\nconst liverpoolSkeletonStyles = {\n    Skeleton: ()=>/*#__PURE__*/ css([\n            ``,\n            `;`\n        ], ({ theme })=>BorderRadius({\n                all: `${theme.border.radius.rounded}`\n            }))\n};\n\nexport { liverpoolSkeletonStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport liverpoolSkeletonStyles from './styles/liverpool.js';\n\nconst SkeletonThemes = createThemes({\n    [ThemeId.partnershipsLiverpool]: liverpoolSkeletonStyles\n});\n\nexport { SkeletonThemes as default };\n","import { FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport { rgba } from 'polished';\nimport styled, { css, keyframes } from 'styled-components';\nimport SkeletonThemes from './themes/index.js';\n\nconst pulseKeyframe = /*#__PURE__*/ keyframes([\n    `0%{opacity:1;}50%{opacity:0.4;}100%{opacity:1;}`\n]);\nconst waveKeyframe = /*#__PURE__*/ keyframes([\n    `0%{transform:translateX(-100%);}50%{transform:translateX(100%);}100%{transform:translateX(100%);}`\n]);\nconst variantStyles = (variant = 'rectangular')=>({\n        circular: /*#__PURE__*/ css([\n            ``,\n            ``\n        ], BorderRadius({\n            all: '50%'\n        })),\n        rectangular: /*#__PURE__*/ css([\n            ``,\n            ``\n        ], BorderRadius({\n            all: '0'\n        })),\n        rounded: /*#__PURE__*/ css([\n            ``,\n            ``\n        ], BorderRadius({\n            all: '5px'\n        })),\n        text: /*#__PURE__*/ css([\n            ``,\n            ` height:auto;margin-bottom:0;margin-top:0;`\n        ], BorderRadius({\n            all: '5px'\n        }))\n    })[variant];\nconst animationStyles = (animation = 'pulse')=>({\n        pulse: /*#__PURE__*/ css([\n            `animation:`,\n            ` 1.5s ease-in-out 0.5s infinite;`\n        ], pulseKeyframe),\n        wave: /*#__PURE__*/ css([\n            `position:relative;overflow:hidden;&::after{animation:`,\n            ` 1.6s linear 0.5s infinite;background:linear-gradient(90deg,transparent,var(--skeleton-color-effect),transparent);content:'';bottom:0;left:0;mask-image:radial-gradient( `,\n            `,`,\n            ` );position:absolute;right:0;top:0;transform:translateX(-100%);}`\n        ], waveKeyframe, (props)=>props.theme.colors.white.base, (props)=>props.theme.colors.black.base)\n    })[animation];\nconst Skeleton = /*#__PURE__*/ styled.div.withConfig({\n    displayName: \"Skeleton\"\n})([\n    `--skeleton-color-base:`,\n    `;--skeleton-color-effect:`,\n    `;`,\n    ` `,\n    ` `,\n    ` background-color:var(--skeleton-color-base);min-height:20px;`,\n    ``\n], ({ theme, $color = {\n    base: theme.colors.black.higher\n} })=>$color.base, ({ theme, $color = {\n    effect: theme.colors.black.base\n}, opacity = 0.04 })=>rgba($color.effect, opacity), ({ animation })=>animationStyles(animation), ({ variant })=>variantStyles(variant), FlexMixin({}), SkeletonThemes('Skeleton'));\n\nexport { Skeleton, animationStyles };\n","import { jsx } from 'react/jsx-runtime';\nimport { Skeleton as Skeleton$1 } from './styled.js';\n\nconst Skeleton = ({ animation = 'pulse', className, height, style, variant = 'text', width, color, opacity, ...rest })=>/*#__PURE__*/ jsx(Skeleton$1, {\n        \"data-testid\": \"Skeleton\",\n        animation: animation,\n        className: className,\n        variant: variant,\n        $color: color,\n        opacity: opacity,\n        style: {\n            width,\n            height,\n            ...style\n        },\n        ...rest\n    });\n\nexport { Skeleton as default };\n"],"names":["liverpoolSkeletonStyles","css","theme","BorderRadius","SkeletonThemes","createThemes","ThemeId","pulseKeyframe","keyframes","waveKeyframe","variantStyles","variant","animationStyles","animation","props","Skeleton","styled","$color","opacity","rgba","FlexMixin","className","height","style","width","color","rest","jsx","Skeleton$1"],"mappings":"2FAGA,MAAMA,EAA0B,CAC5B,SAAU,IAAkBC,EAAI,CACxB,GACA,GACZ,EAAW,CAAC,CAAE,MAAAC,CAAO,IAAGC,EAAa,CACrB,IAAK,GAAGD,EAAM,OAAO,OAAO,OAAO,EACnD,CAAa,CAAC,CACd,ECNME,EAAiBC,EAAa,CAChC,CAACC,EAAQ,qBAAqB,EAAGN,CACrC,CAAC,ECAKO,EAA8BC,EAAU,CAC1C,iDACJ,CAAC,EACKC,EAA6BD,EAAU,CACzC,mGACJ,CAAC,EACKE,EAAgB,CAACC,EAAU,iBAAiB,CAC1C,SAAwBV,EAAI,CACxB,GACA,EACH,EAAEE,EAAa,CACZ,IAAK,KACjB,CAAS,CAAC,EACF,YAA2BF,EAAI,CAC3B,GACA,EACH,EAAEE,EAAa,CACZ,IAAK,GACjB,CAAS,CAAC,EACF,QAAuBF,EAAI,CACvB,GACA,EACH,EAAEE,EAAa,CACZ,IAAK,KACjB,CAAS,CAAC,EACF,KAAoBF,EAAI,CACpB,GACA,4CACH,EAAEE,EAAa,CACZ,IAAK,KACjB,CAAS,CAAC,CACL,GAAEQ,CAAO,EACRC,EAAkB,CAACC,EAAY,WAAW,CACxC,MAAqBZ,EAAI,CACrB,aACA,kCACH,EAAEM,CAAa,EAChB,KAAoBN,EAAI,CACpB,wDACA,4KACA,IACA,kEACZ,EAAWQ,EAAeK,GAAQA,EAAM,MAAM,OAAO,MAAM,KAAOA,GAAQA,EAAM,MAAM,OAAO,MAAM,IAAI,CAClG,GAAED,CAAS,EACVE,EAAyBC,EAAO,IAAI,WAAW,CACjD,YAAa,UACjB,CAAC,EAAE,CACC,yBACA,4BACA,IACA,IACA,IACA,gEACA,EACJ,EAAG,CAAC,CAAE,MAAAd,EAAO,OAAAe,EAAS,CAClB,KAAMf,EAAM,OAAO,MAAM,MAC7B,CAAC,IAAKe,EAAO,KAAM,CAAC,CAAE,MAAAf,EAAO,OAAAe,EAAS,CAClC,OAAQf,EAAM,OAAO,MAAM,IAC/B,EAAG,QAAAgB,EAAU,GAAM,IAAGC,EAAKF,EAAO,OAAQC,CAAO,EAAG,CAAC,CAAE,UAAAL,KAAcD,EAAgBC,CAAS,EAAG,CAAC,CAAE,QAAAF,CAAS,IAAGD,EAAcC,CAAO,EAAGS,EAAU,CAAE,CAAA,EAAGhB,EAAe,UAAU,CAAC,EC7D3KW,EAAW,CAAC,CAAE,UAAAF,EAAY,QAAS,UAAAQ,EAAW,OAAAC,EAAQ,MAAAC,EAAO,QAAAZ,EAAU,OAAQ,MAAAa,EAAO,MAAAC,EAAO,QAAAP,EAAS,GAAGQ,CAAM,IAAiBC,EAAG,IAACC,EAAY,CAC9I,cAAe,WACf,UAAWf,EACX,UAAWQ,EACX,QAASV,EACT,OAAQc,EACR,QAASP,EACT,MAAO,CACH,MAAAM,EACA,OAAAF,EACA,GAAGC,CACN,EACD,GAAGG,CACN,CAAA","x_google_ignoreList":[0,1,2,3]}