@bothub-chat/ui/dist/components/badge/progress/styled.js

Bothub UI Components

import{styled as e,css as i}from"styled-components";import{Typography as o}from"../../typography/index.js";import{LoaderCircularIcon as t}from"../../../icons/loader-circular/index.js";const s=e.div.withConfig({displayName:"styled__BadgeProgressStyled",componentId:"sc-1asa4cu-0"})(["display:inline-flex;flex-shrink:0;align-items:center;height:26px;position:relative;border-radius:13px;overflow:hidden;cursor:progress;",""],({theme:e,$color:o})=>i`
    ${c},
    ${p} {
      color: ${"primary"===o?e.default.colors.base.white:e.default.colors.base.black};
    }
  `),a=e.div.withConfig({displayName:"styled__BadgeProgressBackground",componentId:"sc-1asa4cu-1"})(["display:flex;width:100%;height:100%;position:absolute;top:0px;bottom:0px;left:0px;right:0px;pointer-events:none;"]),r=e.div.withConfig({displayName:"styled__BadgeProgressLine",componentId:"sc-1asa4cu-2"})(["display:flex;width:inherit;height:inherit;background:",";"],({theme:e,$color:i})=>"primary"===i?e.colors.accent.primary:e.default.colors.base.white),n=e.div.withConfig({displayName:"styled__BadgeProgressLineFilled",componentId:"sc-1asa4cu-3"})(["display:flex;width:inherit;height:inherit;background:",";transition:width 0.3s ease-in-out;"],({theme:e})=>e.colors.accent.primaryLight),d=e.div.withConfig({displayName:"styled__BadgeProgressContent",componentId:"sc-1asa4cu-4"})(["display:inline-flex;align-items:center;gap:4px;height:inherit;position:relative;padding:0px 12px;user-select:none;"]),l=e(t).attrs({size:16}).withConfig({displayName:"styled__BadgeProgressLoader",componentId:"sc-1asa4cu-5"})([""]),c=e(o).attrs({variant:"body-s-regular"}).withConfig({displayName:"styled__BadgeProgressText",componentId:"sc-1asa4cu-6"})(["cursor:inherit;color:",";white-space:nowrap;"],({theme:e})=>e.default.colors.base.white),p=e(o).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__BadgeProgressTextBold",componentId:"sc-1asa4cu-7"})(["cursor:inherit;color:",";"],({theme:e})=>e.default.colors.base.white);export{a as BadgeProgressBackground,d as BadgeProgressContent,r as BadgeProgressLine,n as BadgeProgressLineFilled,l as BadgeProgressLoader,s as BadgeProgressStyled,c as BadgeProgressText,p as BadgeProgressTextBold};