react-web-code-editor/dist/es/src/styles.js

A Simple and code-style Customizable web code editor with React

import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import t from"../node_modules/styled-components/dist/styled-components.esm.js";var e,i,r,o=t.div.withConfig({displayName:"styles__Wrapper",componentId:"sc-pteluh-0"})(e||(e=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"],["\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=t.textarea.withConfig({displayName:"styles__TextArea",componentId:"sc-pteluh-1"})(i||(i=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"],["\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=t.pre.withConfig({displayName:"styles__Pre",componentId:"sc-pteluh-2"})(r||(r=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"],["\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}));export{d as Pre,a as TextArea,o as Wrapper};