codogo-react-widgets/lib/components/markdown/MarkdownStyler.js

Provides a unified way to access the styling of commonly used widgets across different apps

import _taggedTemplateLiteral from "babel-runtime/helpers/taggedTemplateLiteral";

var _templateObject = _taggedTemplateLiteral(["\n\tdiv {\n\t\tcursor: text;\n\t\tdisplay: inline-block;\n\t\tmargin: 0;\n\t\toutline: 0px solid transparent;\n\t\tpointer-events: all;\n\t\ttabSize: 4;\n\t\twhite-space: pre-wrap;\n\t\twidth: 100%;\n\n\t\t&:empty {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&:empty::before {\n\t\t\tcontent: \"", "\";\n\t\t\topacity: 0.33;\n\t\t}\n\t}\n\n\ta,\n\ta:hover,\n\ta:visited,\n\ta:active,\n\ta:link {\n\t\tcolor: ", ";\n\t\tmax-width: 100%;\n\t\tcursor: pointer;\n\t\ttext-decoration: underline;\n\t\tword-wrap: break-word;\n\t}\n\n\t.hljs-emphasis {\n\t\tcolor: ", ";\n\t}\n\t.hljs-strong {\n\t\tcolor: ", ";\n\t}\n\t.hljs-string {\n\t\tcolor: ", ";\n\t}\n\t.hljs-link {\n\t\tcolor: ", ";\n\t}\n\t.hljs-code {\n\t\tcolor: ", ";\n\t}\n"], ["\n\tdiv {\n\t\tcursor: text;\n\t\tdisplay: inline-block;\n\t\tmargin: 0;\n\t\toutline: 0px solid transparent;\n\t\tpointer-events: all;\n\t\ttabSize: 4;\n\t\twhite-space: pre-wrap;\n\t\twidth: 100%;\n\n\t\t&:empty {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&:empty::before {\n\t\t\tcontent: \"", "\";\n\t\t\topacity: 0.33;\n\t\t}\n\t}\n\n\ta,\n\ta:hover,\n\ta:visited,\n\ta:active,\n\ta:link {\n\t\tcolor: ", ";\n\t\tmax-width: 100%;\n\t\tcursor: pointer;\n\t\ttext-decoration: underline;\n\t\tword-wrap: break-word;\n\t}\n\n\t.hljs-emphasis {\n\t\tcolor: ", ";\n\t}\n\t.hljs-strong {\n\t\tcolor: ", ";\n\t}\n\t.hljs-string {\n\t\tcolor: ", ";\n\t}\n\t.hljs-link {\n\t\tcolor: ", ";\n\t}\n\t.hljs-code {\n\t\tcolor: ", ";\n\t}\n"]);

import styled from "styled-components";

var MarkdownStyler = styled.div(_templateObject, R.prop("placeholder"), R.path(["theme", "colors", "primary"]), R.path(["theme", "colors", "red"]), R.path(["theme", "colors", "yellow"]), R.path(["theme", "colors", "green"]), R.path(["theme", "colors", "blue"]), R.path(["theme", "colors", "orange"]));

export default MarkdownStyler;