react-web-code-editor
Version:
A Simple and code-style Customizable web code editor with React
2 lines (1 loc) • 3.15 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,t,e,r=require("../node_modules/tslib/tslib.es6.js"),i=require("../node_modules/styled-components/dist/styled-components.esm.js"),o=i.default.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-pteluh-0"})(n||(n=r.__makeTemplateObject(["\n position: relative;\n width: ",";\n min-height: ",";;\n\tpadding: 0;\n\tborder: 1px solid black;\n box-sizing: border-box;\n font-size: ",";\n font-weight: ",";\n border-radius: ",";\n color: ",";\n background-color: ",";\n caret-color: ",";\n text-align: left !important;\n\n ","\n"],["\n position: relative;\n width: ",";\n min-height: ",";;\n\tpadding: 0;\n\tborder: 1px solid black;\n box-sizing: border-box;\n font-size: ",";\n font-weight: ",";\n border-radius: ",";\n color: ",";\n background-color: ",";\n caret-color: ",";\n text-align: left !important;\n\n ","\n"])),(function(n){return n.width||"300px"}),(function(n){return n.height||"300px"}),(function(n){return n.fontSize||"14px"}),(function(n){return n.fontWeight||"bold"}),"10px",(function(n){return n.theme.textColor}),(function(n){return n.theme.backgroundColor}),(function(n){return n.theme.caretColor}),(function(n){return n.interpolation})),a=i.default.textarea.withConfig({displayName:"styles__TextArea",componentId:"sc-pteluh-1"})(t||(t=r.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n\twidth: inherit;\n\tmin-height: inherit;\n\tpadding: ",";\n\tborder: none;\n box-sizing: border-box;\n\tz-index: 1;\n\tresize: none;\n\toverflow: hidden;\n font-size: inherit;\n font-weight: inherit;\n text-align: inherit;\n white-space: pre-wrap;\n\tword-break: break-all;\n\tword-wrap: break-word;\n background: transparent;\n -webkit-text-fill-color: transparent;\n\n &:focus {\n outline: none;\n }\n"],["\n position: absolute;\n top: 0;\n left: 0;\n\twidth: inherit;\n\tmin-height: inherit;\n\tpadding: ",";\n\tborder: none;\n box-sizing: border-box;\n\tz-index: 1;\n\tresize: none;\n\toverflow: hidden;\n font-size: inherit;\n font-weight: inherit;\n text-align: inherit;\n white-space: pre-wrap;\n\tword-break: break-all;\n\tword-wrap: break-word;\n background: transparent;\n -webkit-text-fill-color: transparent;\n\n &:focus {\n outline: none;\n }\n"])),"10px"),d=i.default.pre.withConfig({displayName:"styles__Pre",componentId:"sc-pteluh-2"})(e||(e=r.__makeTemplateObject(["\n position: relative;\n\twidth: inherit;\n\theight: inherit;\n\tmargin: 0;\n\tpadding: ",";\n overflow: auto;\n\tbox-sizing: border-box;\n font-size: inherit;\n font-weight: inherit;\n text-align: inherit;\n\twhite-space: pre-wrap;\n\tword-break: break-all;\n\tword-wrap: break-word;\n\n ","\n"],["\n position: relative;\n\twidth: inherit;\n\theight: inherit;\n\tmargin: 0;\n\tpadding: ",";\n overflow: auto;\n\tbox-sizing: border-box;\n font-size: inherit;\n font-weight: inherit;\n text-align: inherit;\n\twhite-space: pre-wrap;\n\tword-break: break-all;\n\tword-wrap: break-word;\n\n ","\n"])),"10px",(function(n){return n.theme.keywords}));exports.Pre=d,exports.TextArea=a,exports.Wrapper=o;