@guruhotel/aura-ui/esm/spinner/spinner.styles.js

⚛️ React UI library by GuruHotel

import{styled as r,keyframes as o}from"../theme";const t=o({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}});export const StyledSpinner=r("div",{borderRadius:"$full",borderColor:"transparent",borderStyle:"solid",animationName:`${t}`,animationIterationCount:"infinite",animationTimingFunction:"linear",display:"inline-block",borderBottomStyle:"solid",borderLeftStyle:"solid",borderLeftColor:"currentColor",width:"1em",height:"1em",color:"currentcolor",variants:{size:{xs:{size:"$3"},sm:{size:"$4"},md:{size:"$5"},lg:{size:"$6"},xl:{size:"$7"}},background:{solid:{},transparent:{}},speed:{verySlow:{animationDuration:"1.25s"},slow:{animationDuration:"1s"},normal:{animationDuration:"0.75s"},fast:{animationDuration:"0.5s"},veryFast:{animationDuration:"0.25s"}},thickness:{thin:{borderBottomWidth:"1px",borderLeftWidth:"1px",borderTop:"2px solid currentcolor",borderRight:"2px solid currentcolor"},light:{borderBottomWidth:"2px",borderLeftWidth:"2px",borderTop:"2px solid currentcolor",borderRight:"2px solid currentcolor"},normal:{borderBottomWidth:"3px",borderLeftWidth:"3px",borderTop:"3px solid currentcolor",borderRight:"3px solid currentcolor"},medium:{borderBottomWidth:"4px",borderLeftWidth:"4px",borderTop:"4px solid currentcolor",borderRight:"4px solid currentcolor"},thick:{borderBottomWidth:"5px",borderLeftWidth:"5px",borderTop:"5px solid currentcolor",borderRight:"5px solid currentcolor"},veryTick:{borderBottomWidth:"6px",borderLeftWidth:"6px",borderTop:"6px solid currentcolor",borderRight:"6px solid currentcolor"}},colorScheme:{text:{color:"$text9"},guru:{color:"$guru9"},fellow:{color:"$fellow9"},darkie:{color:"$darkie9"},red:{color:"$red9"},nature:{color:"$nature9"},sunshine:{color:"$sunshine9"},violet:{color:"$violet9"},gray:{color:"$gray9"},primary:{color:"$primary9"},secondary:{color:"$secondary9"},utilitary:{color:"$utilitary9"}}},defaultVariants:{speed:"fast",thickness:"light"}});