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

Bothub UI Components

import{styled as e,css as t}from"styled-components";import{animated as i}from"@react-spring/web";import{Typography as o}from"../typography/index.js";import{Image as r}from"../image/index.js";const n=e(i.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;
        `}}),a=e.span.withConfig({displayName:"styled__TooltipBlock",componentId:"sc-1kd2o9y-1"})(["display:inline-flex;width:max-content;max-width:","px;padding:8px;background:",";overflow:hidden;border-radius:6px;box-sizing:border-box;"],({$contentWidth:e})=>null!=e?e:260,({theme:e,$variant:t})=>{switch(t){case"primary":return e.colors.grayScale.gray2;case"secondary":return e.colors.grayScale.gray3}}),l=e(o).attrs({variant:"body-s-medium"}).withConfig({displayName:"styled__TooltipLabel",componentId:"sc-1kd2o9y-2"})(["white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;width:100%;"]),d=e.div.withConfig({displayName:"styled__TooltipMarkdown",componentId:"sc-1kd2o9y-3"})(["display:flex;flex-direction:column;align-items:flex-start;"]),s=e(o).attrs({variant:"body-s-semibold"}).withConfig({displayName:"styled__TooltipLabelBold",componentId:"sc-1kd2o9y-4"})([""]),c=e(o).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),p=e.div.withConfig({displayName:"styled__TooltipColumn",componentId:"sc-1kd2o9y-6"})(["display:inline-flex;flex-direction:column;align-items:center;gap:8px;"]),m=e(r).withConfig({displayName:"styled__TooltipImage",componentId:"sc-1kd2o9y-7"})(["border-radius:4px;"]);export{a as TooltipBlock,c as TooltipCode,p as TooltipColumn,m as TooltipImage,l as TooltipLabel,s as TooltipLabelBold,d as TooltipMarkdown,n as TooltipStyled};