@bothub-chat/ui/dist/components/tooltip/styled.js

Bothub UI Components

import{styled as e,css as t}from"styled-components";import i from"react-markdown";import{animated as o}from"@react-spring/web";import{Typography as n}from"../typography/index.js";import{Image as r}from"../image/index.js";const a=e(o.div).withConfig({displayName:"styled__TooltipStyled",componentId:"sc-1kd2o9y-0"})(["display:inline-flex;position:absolute;top:0px;left:0px;width:auto;pointer-events:none;user-select:none;"," z-index:",";",""],(({$placement:e,$inverted:i})=>{switch(e){case"center-left":return t`
          ${i?t`
                flex-direction: row-reverse;
              `:t`
                flex-direction: row;
              `}
        `;case"center-right":return t`
          ${i?t`
                flex-direction: row;
              `:t`
                flex-direction: row-reverse;
              `}
        `;default:return t`
          flex-direction: column;
        `}}),(({theme:e})=>e.zIndex.tooltip),(({$placement:e,$align:i})=>{if("auto"!==i)switch(i){case"left":return"center-right"!==e&&"center-left"!==e?t`
              align-items: flex-start;
            `:t`
            align-items: center;
          `;case"center":return t`
            align-items: center;
          `;case"right":return"center-right"!==e&&"center-left"!==e?t`
              align-items: flex-end;
            `:t`
            align-items: center;
          `}switch(e){case"top-left":return t`
          align-items: flex-start;
        `;case"top":case"center-left":case"center-right":return t`
          align-items: center;
        `;case"top-right":return t`
          align-items: flex-end;
        `}})),l=e.span.withConfig({displayName:"styled__TooltipBlock",componentId:"sc-1kd2o9y-1"})(["display:inline-flex;padding:8px;background:",";overflow:hidden;border-radius:6px;box-sizing:border-box;max-width:",";"],(({theme:e,$variant:t})=>{switch(t){case"primary":return e.colors.grayScale.gray2;case"secondary":return e.colors.grayScale.gray3}}),(({$contentWidth:e})=>e?`${e}px`:"260px")),s=e(n).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipLabel",componentId:"sc-1kd2o9y-2"})(["white-space:pre-wrap;"]),d=e(i).withConfig({displayName:"styled__TooltipMarkdown",componentId:"sc-1kd2o9y-3"})(["display:flex;flex-direction:column;align-items:flex-start;"]),c=e(n).attrs({variant:"body-s-semibold"}).withConfig({displayName:"styled__TooltipLabelBold",componentId:"sc-1kd2o9y-4"})([""]),p=e(n).attrs({component:"code",variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipCode",componentId:"sc-1kd2o9y-5"})(["display:inline-flex;border-radius:4px;background:",";"],(({theme:e})=>e.colors.grayScale.gray3)),m=e.div.withConfig({displayName:"styled__TooltipColumn",componentId:"sc-1kd2o9y-6"})(["display:inline-flex;flex-direction:column;align-items:center;gap:8px;"]),y=e(r).withConfig({displayName:"styled__TooltipImage",componentId:"sc-1kd2o9y-7"})(["border-radius:4px;"]);export{l as TooltipBlock,p as TooltipCode,m as TooltipColumn,y as TooltipImage,s as TooltipLabel,c as TooltipLabelBold,d as TooltipMarkdown,a as TooltipStyled};