react-code-compare/dist/styles.js

A simple and fast text diff viewer component

var g=Object.defineProperty,K=Object.defineProperties,M=Object.getOwnPropertyDescriptor,P=Object.getOwnPropertyDescriptors,Q=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var G=(o,t,d)=>t in o?g(o,t,{enumerable:!0,configurable:!0,writable:!0,value:d}):o[t]=d,a=(o,t)=>{for(var d in t||(t={}))C.call(t,d)&&G(o,d,t[d]);if(c)for(var d of c(t))y.call(t,d)&&G(o,d,t[d]);return o},h=(o,t)=>K(o,P(t));var V=(o,t)=>{var d={};for(var n in o)C.call(o,n)&&t.indexOf(n)<0&&(d[n]=o[n]);if(o!=null&&c)for(var n of c(o))t.indexOf(n)<0&&y.call(o,n)&&(d[n]=o[n]);return d};var U=(o,t)=>{for(var d in t)g(o,d,{get:t[d],enumerable:!0})},X=(o,t,d,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Q(t))!C.call(o,i)&&i!==d&&g(o,i,{get:()=>t[i],enumerable:!(n=M(t,i))||n.enumerable});return o};var Y=o=>X(g({},"__esModule",{value:!0}),o);var _={};U(_,{default:()=>Z});module.exports=Y(_);var r=require("emotion");var Z=(o,t=!1)=>{let v=o,{variables:d={}}=v,n=V(v,["variables"]),i={light:a({diffViewerBackground:"#fff",diffViewerColor:"#212529",addedBackground:"#e6ffed",addedColor:"#24292e",removedBackground:"#ffeef0",removedColor:"#24292e",wordAddedBackground:"#acf2bd",wordRemovedBackground:"#fdb8c0",addedGutterBackground:"#cdffd8",removedGutterBackground:"#ffdce0",gutterBackground:"#f7f7f7",gutterBackgroundDark:"#f3f1f1",highlightBackground:"#fffbdd",highlightGutterBackground:"#fff5b1",codeFoldGutterBackground:"#dbedff",codeFoldBackground:"#f1f8ff",emptyLineBackground:"#fafbfc",gutterColor:"#212529",addedGutterColor:"#212529",removedGutterColor:"#212529",codeFoldContentColor:"#212529",diffViewerTitleBackground:"#fafbfc",diffViewerTitleColor:"#212529",diffViewerTitleBorderColor:"#eee"},d.light||{}),dark:a({diffViewerBackground:"#2e303c",diffViewerColor:"#FFF",addedBackground:"#044B53",addedColor:"white",removedBackground:"#632F34",removedColor:"white",wordAddedBackground:"#055d67",wordRemovedBackground:"#7d383f",addedGutterBackground:"#034148",removedGutterBackground:"#632b30",gutterBackground:"#2c2f3a",gutterBackgroundDark:"#262933",highlightBackground:"#2a3967",highlightGutterBackground:"#2d4077",codeFoldGutterBackground:"#21232b",codeFoldBackground:"#262831",emptyLineBackground:"#363946",gutterColor:"#464c67",addedGutterColor:"#8c8c8c",removedGutterColor:"#8c8c8c",codeFoldContentColor:"#555a7b",diffViewerTitleBackground:"#2f323e",diffViewerTitleColor:"#555a7b",diffViewerTitleBorderColor:"#353846"},d.dark||{})},e=t?i.dark:i.light,m=(0,r.css)({width:"100%",label:"content"}),R=(0,r.css)({[`.${m}`]:{width:"50%"},label:"split-view"}),S=(0,r.css)({backgroundColor:"inherit"}),x=(0,r.css)({backgroundColor:"inherit"}),I=(0,r.css)({width:"100%",background:e.diffViewerBackground,pre:{margin:0,whiteSpace:"pre-wrap",lineHeight:"25px"},label:"diff-container",borderCollapse:"collapse"}),F=(0,r.css)({color:e.codeFoldContentColor,label:"code-fold-content"}),b=(0,r.css)({color:e.diffViewerColor,label:"content-text"}),T=(0,r.css)({background:e.diffViewerTitleBackground,padding:10,borderBottom:`1px solid ${e.diffViewerTitleBorderColor}`,label:"title-block",":last-child":{borderLeft:`1px solid ${e.diffViewerTitleBorderColor}`},[`.${b}`]:{color:e.diffViewerTitleColor}}),u=(0,r.css)({color:e.gutterColor,label:"line-number"}),f=(0,r.css)({background:e.removedBackground,color:e.removedColor,pre:{color:e.removedColor},[`.${u}`]:{color:e.removedGutterColor},label:"diff-removed"}),s=(0,r.css)({background:e.addedBackground,color:e.addedColor,pre:{color:e.addedColor},[`.${u}`]:{color:e.addedGutterColor},label:"diff-added"}),L=(0,r.css)({padding:2,display:"inline-flex",borderRadius:1,label:"word-diff"}),A=(0,r.css)({background:e.wordAddedBackground,label:"word-added"}),$=(0,r.css)({background:e.wordRemovedBackground,label:"word-removed"}),O=(0,r.css)({backgroundColor:e.codeFoldGutterBackground,label:"code-fold-gutter"}),D=(0,r.css)({backgroundColor:e.codeFoldBackground,height:40,fontSize:14,fontWeight:700,label:"code-fold",a:{textDecoration:"underline !important",cursor:"pointer",pre:{display:"inline"}}}),W=(0,r.css)({backgroundColor:e.emptyLineBackground,label:"empty-line"}),N=(0,r.css)({width:e.xOuterSpacerWidth,display:"block"}),j=(0,r.css)({width:e.xCenterSpacerWidth,display:"block"}),z=(0,r.css)({width:25,minWidth:25,paddingLeft:10,paddingRight:10,userSelect:"none",verticalAlign:"middle",label:"marker",[`&.${s}`]:{pre:{color:e.addedColor}},[`&.${f}`]:{pre:{color:e.removedColor}}}),H=(0,r.css)({background:e.highlightBackground,label:"highlighted-line"}),B=(0,r.css)({label:"highlighted-gutter"}),q=(0,r.css)({userSelect:"none",minWidth:50,padding:"0 10px",label:"gutter",textAlign:"right",verticalAlign:"middle",background:e.gutterBackground,"&:hover":{cursor:"pointer",background:e.gutterBackgroundDark,pre:{opacity:1}},pre:{opacity:.5},[`&.${s}`]:{background:e.addedGutterBackground},[`&.${f}`]:{background:e.removedGutterBackground},[`&.${B}`]:{background:e.highlightGutterBackground,"&:hover":{background:e.highlightGutterBackground}}}),E=(0,r.css)({"&:hover":{background:e.gutterBackground,cursor:"initial"},label:"empty-gutter"}),J=(0,r.css)({verticalAlign:"baseline",label:"line"}),p={diffContainer:I,splitCellLeft:S,splitCellRight:x,highlightedGutter:B,highlightedLine:H,diffRemoved:f,diffAdded:s,splitView:R,marker:z,gutter:q,line:J,wordDiff:L,wordAdded:A,wordRemoved:$,codeFoldGutter:O,codeFold:D,emptyGutter:E,emptyLine:W,lineNumber:u,contentText:b,content:m,codeFoldContent:F,titleBlock:T,xCenterSpacer:j,xOuterSpacer:N},w=Object.keys(n).reduce((k,l)=>h(a({},k),{[l]:(0,r.css)(n[l])}),{});return Object.keys(p).reduce((k,l)=>h(a({},k),{[l]:w[l]?(0,r.cx)(p[l],w[l]):p[l]}),{})};0&&(module.exports={});