carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.17 kB
JavaScript
;var e=require("styled-components"),i=require("../preview/preview.style.js"),t=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const s=r.default.a.attrs(o.default).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"sc-d0260fc7-0"})(["display:flex;margin:8px;text-decoration:none;outline:none;",""],(({as:i})=>e.css(["border:1px solid var(--colorsUtilityMajor050);border-radius:var(--borderRadius100);background-color:var(--colorsUtilityMajor025);color:var(--colorsUtilityYin090);",""],"div"!==i&&e.css([":focus{","}:hover{cursor:pointer;background-color:var(--colorsUtilityMajor100);}"],t.default())))),d=r.default.div.withConfig({displayName:"link-preview.style__StyledCloseIconWrapper",componentId:"sc-d0260fc7-1"})(["padding:16px;"]),p=r.default.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:t})=>!t&&e.css(["","{display:flex;flex-direction:column;height:100%;}"],i.StyledPreview)),i.StyledPreviewPlaceholder,i.StyledPreviewPlaceholder),n=r.default.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=r.default.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=r.default.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);"]);exports.StyledCloseIconWrapper=d,exports.StyledDescription=a,exports.StyledLinkPreview=s,exports.StyledPreviewWrapper=p,exports.StyledTitle=n,exports.StyledUrl=c;