carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2 kB
JavaScript
import e,{css as i}from"styled-components";import{StyledPreview as o,StyledPreviewPlaceholder as t}from"../preview/preview.style.js";import l from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";const p=e.a.attrs(r).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"sc-d0260fc7-0"})(["display:flex;margin:8px;text-decoration:none;outline:none;",""],(({as:e})=>i(["border:1px solid var(--colorsUtilityMajor050);border-radius:var(--borderRadius100);background-color:var(--colorsUtilityMajor025);color:var(--colorsUtilityYin090);",""],"div"!==e&&i([":focus{","}:hover{cursor:pointer;background-color:var(--colorsUtilityMajor100);}"],l())))),n=e.div.withConfig({displayName:"link-preview.style__StyledCloseIconWrapper",componentId:"sc-d0260fc7-1"})(["padding:16px;"]),s=e.div.withConfig({displayName:"link-preview.style__StyledPreviewWrapper",componentId:"sc-d0260fc7-2"})(["flex-grow:1;padding:16px;"," ",":first-of-type{margin-top:8px;}",":not(:first-of-type){margin-top:16px;}"],(({isLoading:e})=>!e&&i(["","{display:flex;flex-direction:column;height:100%;}"],o)),t,t),d=e.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"sc-d0260fc7-3"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:21px;"]),a=e.div.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"sc-d0260fc7-4"})(["> div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;padding-top:4px;}flex-grow:1;"]),c=e.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"sc-d0260fc7-5"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;color:var(--colorsUtilityMajor400);"]);export{n as StyledCloseIconWrapper,a as StyledDescription,p as StyledLinkPreview,s as StyledPreviewWrapper,d as StyledTitle,c as StyledUrl};