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

⚛️ React UI library by GuruHotel

import{styled as o,keyframes as t}from"../theme";import*as i from"@radix-ui/react-progress";const n=t({"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}});export const StyledProgressBar=o(i.Root,{boxSizing:"border-box",position:"relative",width:300,height:"$1",overflow:"hidden",borderRadius:"$full",'&[data-state="indeterminate"]':{backgroundColor:"$gray4","&::after":{animationName:n,animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$gray7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}},variants:{colorScheme:{text:{backgroundColor:"$text9",'&[data-state="indeterminate"]':{backgroundColor:"$text4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$text7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},guru:{backgroundColor:"$guru9",'&[data-state="indeterminate"]':{backgroundColor:"$guru4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$guru7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},fellow:{backgroundColor:"$fellow9",'&[data-state="indeterminate"]':{backgroundColor:"$fellow4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$fellow7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},darkie:{backgroundColor:"$darkie9",'&[data-state="indeterminate"]':{backgroundColor:"$darkie4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$darkie7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},red:{backgroundColor:"$red9",'&[data-state="indeterminate"]':{backgroundColor:"$red4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$red7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},nature:{backgroundColor:"$nature9",'&[data-state="indeterminate"]':{backgroundColor:"$nature4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$nature7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},sunshine:{backgroundColor:"$sunshine9",'&[data-state="indeterminate"]':{backgroundColor:"$sunshine4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$sunshine7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},violet:{backgroundColor:"$violet9",'&[data-state="indeterminate"]':{backgroundColor:"$violet4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$violet7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},gray:{backgroundColor:"$gray9",'&[data-state="indeterminate"]':{backgroundColor:"$gray4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$gray7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},primary:{backgroundColor:"$primary9",'&[data-state="indeterminate"]':{backgroundColor:"$primary4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$primary7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},secondary:{backgroundColor:"$secondary9",'&[data-state="indeterminate"]':{backgroundColor:"$secondary4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$secondary7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}},utilitary:{backgroundColor:"$utilitary9",'&[data-state="indeterminate"]':{backgroundColor:"$utilitary4","&::after":{animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$utilitary7",boxSizing:"border-box",borderRadius:"$sm",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}}}},size:{xs:{height:"$1"},sm:{height:"$2"},md:{height:"$3"},lg:{height:"$4"}}},defaultVariants:{colorScheme:"gray",size:"sm"}});export const ProgressBarIndicator=o(i.Indicator,{boxSizing:"border-box",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"$gray4",transition:"transform 150ms cubic-bezier(0.65, 0, 0.35, 1)"});