@guruhotel/aura-ui
Version:
⚛️ React UI library by GuruHotel
1 lines • 6.21 kB
JavaScript
exports.__esModule=!0,exports.StyledProgressBar=exports.ProgressBarIndicator=void 0;var o=require("../theme"),t=function(o,t){if(!t&&o&&o.__esModule)return o;if(null===o||"object"!=typeof o&&"function"!=typeof o)return{default:o};var n=i(t);if(n&&n.has(o))return n.get(o);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var e in o)if("default"!==e&&Object.prototype.hasOwnProperty.call(o,e)){var u=a?Object.getOwnPropertyDescriptor(o,e):null;u&&(u.get||u.set)?Object.defineProperty(r,e,u):r[e]=o[e]}r.default=o,n&&n.set(o,r);return r}(require("@radix-ui/react-progress"));function i(o){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(o){return o?n:t})(o)}const n=(0,o.keyframes)({"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),r=(0,o.styled)(t.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"}});exports.StyledProgressBar=r;const a=(0,o.styled)(t.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)"});exports.ProgressBarIndicator=a;