@lanaco/lnc-react-ui/dist/style-17Ie7d9D.cjs

React component library

"use strict";const t=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),i=require("./emotion-react.browser.esm-Cvnp-zmB.cjs"),a=i.keyframes`
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
`,n=t.styled.div`
  display: flex;
  gap: ${({gap:e="1.25rem"})=>e};
  flex-wrap: ${({wrap:e="nowrap"})=>e};
  align-content ${({alignContent:e="normal"})=>e};
  justify-content: ${({justifyContent:e="normal"})=>e};
  align-items: ${({alignItems:e="normal"})=>e};
  width: 100%;
`,r=t.styled(n)`
  position: relative;
  overflow: hidden;

  &::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0.75) 50%,
      rgba(255, 255, 255, 0) 80%,
      transparent 100%
    );
    animation: ${a} 2s infinite linear;
    pointer-events: none;
    z-index: 10;
  }
`,l=t.styled(r)`
  flex-direction: column;
`,s=t.styled(n)`
  flex-direction: column;
`,o=t.styled.div`
  background-color: #f4f6fb;
  position: relative;
`,m=t.styled(o)`
  max-height: ${({size:e="4rem"})=>e};
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: ${({borderRadius:e="0.75rem"})=>e};
`,d=t.styled(o)`
  width: ${({width:e="8rem"})=>e};
  height: ${({height:e="1.5rem"})=>e};
  border-radius: ${({borderRadius:e="0.75rem"})=>e};
`,c=t.styled(o)`
  width: ${({size:e="4rem"})=>e};
  height: ${({size:e="4rem"})=>e};
  aspect-ratio: 1 / 1;
  border-radius: 50%;
`,k=t.styled.div`
  width: ${({width:e="1rem"})=>e};
  height: ${({height:e="1rem"})=>e};
  background: transparent;
`;exports.SkeletonAnimationColumnContainer=l;exports.SkeletonAnimationContainer=r;exports.SkeletonCircle=c;exports.SkeletonColumnContainer=s;exports.SkeletonContainer=n;exports.SkeletonEmpty=k;exports.SkeletonRect=d;exports.SkeletonSquare=m;