carbon-react/esm/components/loader/loader-square.style.js

A library of reusable React components for easily building user interfaces.

import e,{keyframes as a,css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";const o=a(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),r=e.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),n=e.div.attrs(t).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"sc-717eeb54-1"})(["",""],(({size:e,isInsideButton:a,isActive:t,backgroundColor:r})=>i(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],o,r,(e=>{let a,t;switch(e){case"medium":a="16px",t="8px";break;case"large":a="20px",t="8px";break;default:a="12px",t="6px"}return i(["width:",";height:",";margin-right:",";"],a,a,t)})(e),a&&i(["background-color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));export{r as StyledLoaderPlaceholder,n as default};