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

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const i=e.keyframes(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),o=r.default.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),s=r.default.div.attrs(a.default).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"sc-717eeb54-1"})(["",""],(({size:a,isInsideButton:t,isActive:r,backgroundColor:o})=>e.css(["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;}"],i,o,(a=>{let t,r;switch(a){case"medium":t="16px",r="8px";break;case"large":t="20px",r="8px";break;default:t="12px",r="6px"}return e.css(["width:",";height:",";margin-right:",";"],t,t,r)})(a),t&&e.css(["background-color:",";"],r?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));exports.StyledLoaderPlaceholder=o,exports.default=s;