carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.03 kB
JavaScript
import e,{keyframes as o,css as t}from"styled-components";import{margin as r}from"styled-system";import a from"../../style/themes/apply-base-theme.js";function i(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const n="128px",s=e.div.attrs(a).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"sc-290b8a7-0"})([""," text-align:center;"],r),l=o(["0%{left:-",";}100%{left:100%;}"],n),d=e.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"sc-290b8a7-1"})(["",""],(({size:e})=>t(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],i(e)))),c=e.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"sc-290b8a7-2"})(["",""],(({size:e})=>t(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],n,i(e),l)));export{c as InnerBar,s as StyledLoader,d as default};