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

Bothub UI Components

import{jsx as o}from"react/jsx-runtime";import{styled as e,css as a,keyframes as r}from"styled-components";import{Typography as t}from"../typography/index.js";import{Button as s}from"../button/index.js";import{CloseIcon as i}from"../../icons/close/index.js";const n=e(t).attrs({variant:"body-m-semibold",component:"span"}).withConfig({displayName:"styled__BookmarkName",componentId:"sc-jn2bce-0"})(["max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]),p=e(s).attrs({variant:"text",iconSize:14,children:o(i,{})}).withConfig({displayName:"styled__BookmarkCloseButton",componentId:"sc-jn2bce-1"})([""]),l=e.span.withConfig({displayName:"styled__BookmarkStyled",componentId:"sc-jn2bce-2"})(["display:inline-flex;gap:13px;flex-shrink:0;align-items:center;padding:12px 20px;border-radius:8px;height:42px;margin:1px;","{color:",";}svg path{fill:"," !important;}"," "," transition:box-shadow 0.2s ease-out;"," ",""],n,({theme:o})=>o.colors.grayScale.gray1,({theme:o})=>o.colors.grayScale.gray1,({$active:o})=>o&&a(["cursor:default;background:",";","{color:",";}"],({theme:o})=>o.colors.grayScale.gray3,n,({theme:o})=>o.colors.base.white),({$active:o})=>!o&&a(["cursor:pointer;"]),({$active:o,$skeleton:e})=>!o&&!e&&a(["&:hover{box-shadow:0px 0px 0px 1px ",";}"],({theme:o})=>o.colors.grayScale.gray3),({$skeleton:o,theme:e})=>o&&a(["animation:"," 2s infinite forwards;"],(o=>r(["0%{box-shadow:0px 0px 0px 1px ",";}85%{box-shadow:0px 0px 0px 1px ",";}100%{box-shadow:0px 0px 0px 1px ",";}"],o.colors.grayScale.gray5,o.colors.grayScale.gray1,o.colors.grayScale.gray5))(e)));export{p as BookmarkCloseButton,n as BookmarkName,l as BookmarkStyled};