carbon-react/lib/components/loader-bar/loader-bar.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"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);function s(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const n="128px",i=o.default.div.attrs(t.default).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"sc-290b8a7-0"})([""," text-align:center;"],r.margin),l=e.keyframes(["0%{left:-",";}100%{left:100%;}"],n),d=o.default.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"sc-290b8a7-1"})(["",""],(({size:r})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],s(r)))),c=o.default.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"sc-290b8a7-2"})(["",""],(({size:r})=>e.css(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],n,s(r),l)));exports.InnerBar=c,exports.StyledLoader=i,exports.default=d;