@podlite/editor-react 0.0.31 → 0.0.32

package/lib/index.css

@@ -1,364 +0,0 @@
-/* src/Editor.css */
-.EditorApp {
-  font-family:
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-.App-link {
-  color: #61dafb;
-}
-.layout {
-  position: absolute;
-  width: 100%;
-}
-.Editor {
-  text-align: left;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-}
-[contenteditable]:focus {
-  outline: 0px solid transparent;
-}
-.layout__panel {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  flex: none;
-  overflow: hidden;
-}
-.flex--row {
-  flex-direction: row;
-}
-.flex {
-  display: flex;
-}
-.CodeMirror {
-  height: auto;
-  font-family: inherit;
-}
-pre {
-  overflow-x: auto;
-  white-space: pre-wrap;
-  white-space: -moz-pre-wrap;
-  white-space: -pre-wrap;
-  white-space: -o-pre-wrap;
-  word-wrap: break-word;
-}
-.title {
-  margin: 0em;
-}
-.Editorleft {
-  border-right: 1px dotted lightgrey;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-  width: 50%;
-  font-size: 15px;
-  text-align: left;
-}
-body {
-  margin: 0;
-  font-family:
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-code {
-  font-family:
-    source-code-pro,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-}
-pre {
-  padding: 9.5px;
-  display: block;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f8f8f8;
-  border-radius: 4px;
-}
-code {
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border-radius: 0;
-}
-img {
-  max-width: 1024px;
-}
-table {
-  word-break: normal;
-  min-width: 70%;
-  max-width: 100%;
-  margin: 1em auto;
-  border-spacing: 0;
-  border-collapse: collapse;
-  text-align: center;
-  margin-top: 2em;
-}
-table caption {
-  margin-bottom: 0.8em;
-  caption-side: bottom;
-}
-table tbody tr:hover {
-  background-color: #eee;
-  -webkit-transition: .5s;
-  transition: .5s;
-}
-tr th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #eee;
-}
-td {
-  padding: 8px;
-  border: 1px solid #eee;
-}
-.footnote a {
-  text-decoration: none;
-}
-.footnotes {
-  border-top-style: solid;
-  border-top-width: 1px;
-  border-top-color: #eee;
-}
-img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-}
-.shadow {
-  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
-  -moz-box-shadow: 3px 3px 5px 6px #ccc;
-  box-shadow: 3px 3px 5px 6px #ccc;
-}
-.box {
-  box-shadow:
-    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
-    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
-    0 12.5px 10px rgba(0, 0, 0, 0.06),
-    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
-    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
-    0 100px 80px rgba(0, 0, 0, 0.12);
-  margin: 100px auto;
-  background: white;
-  border-radius: 5px;
-}
-.image_block video {
-  max-width: 100%;
-  margin-bottom: 1em;
-}
-.image_block video {
-  width: 100%;
-  outline: none;
-  border: none;
-}
-.mermaid svg {
-  display: block;
-  margin: auto;
-}
-.toc {
-  padding: 1rem;
-}
-.toc-list {
-  list-style: none;
-  font-size: .8rem;
-}
-.caption {
-  text-align: center;
-  font-size: 0.9rem;
-}
-aside.notify {
-  border-left: .25em solid;
-  padding-left: 1rem;
-}
-aside.notify > :first-child {
-  margin-top: 0;
-}
-aside.notify > :last-child {
-  margin-bottom: 0;
-}
-aside.notify.note {
-  border-left-color: #0085f2;
-}
-aside.notify.note .notify-title {
-  color: #0085f2;
-}
-aside.notify.tip {
-  border-left-color: #007936;
-}
-aside.notify.tip .notify-title {
-  color: #007936;
-}
-aside.notify.important {
-  border-left-color: #8250df;
-}
-aside.notify.important .notify-title {
-  color: #8250df;
-}
-aside.notify.warning {
-  border-left-color: #9a6700;
-}
-aside.notify.warning .notify-title {
-  color: #9a6700;
-}
-aside.notify.caution {
-  border-left-color: #d30038;
-}
-aside.notify.caution .notify-title {
-  color: #d30038;
-}
-.CodeMirror {
-  height: auto;
-  font-family: inherit;
-}
-.title {
-  margin: 0em;
-}
-.Editorleft {
-  border-right: 1px dotted lightgrey;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-  width: 50%;
-  font-size: 15px;
-  text-align: left;
-  float: left;
-  height: 100%;
-  padding-left: 10px;
-  visibility: visible;
-  opacity: 1;
-  transition: all 0.2s ease-out;
-}
-.editorApp,
-.CodeMirror {
-  height: 100%;
-}
-.Editorright {
-  text-align: left;
-  word-break: break-word;
-  word-wrap: break-word;
-  margin-right: 0;
-  height: 100%;
-  font-size: 15px;
-  padding-left: 10px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  background-color: white;
-}
-.Editorright .error {
-  opacity: 0.5;
-}
-.Editorright * {
-}
-.Editorright img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-}
-.content {
-  height: 100%;
-}
-.layoutPreview .Editorright {
-  position: absolute;
-  width: 48%;
-  float: right;
-  top: 0;
-  right: 0;
-  width: 100%;
-  background-color: white;
-}
-.layoutPreview .Editorleft {
-  visibility: hidden;
-  opacity: 0;
-}
-.layoutPreview .content {
-  width: 50%;
-  margin: 0 auto;
-  height: 100%;
-  overflow-y: initial;
-}
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.CodeMirror-vscrollbar {
-  user-select: none;
-  outline: none !important;
-}
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  background-color: (0, 0, 0, 0.05);
-}
-::-webkit-scrollbar-thumb:active {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-thumb {
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-thumb:active {
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.CodeMirror-hints {
-  z-index: 1000;
-  border: none;
-}
-.editorApp .cm-header {
-  color: #000;
-}
-.editorApp .cm-header-1 {
-  font-size: 150%;
-}
-.cm-header-2 {
-  font-size: 130%;
-}
-.cm-header-3 {
-  font-size: 110%;
-}

package/lib/index.esm.css

@@ -1,364 +0,0 @@
-/* src/Editor.css */
-.EditorApp {
-  font-family:
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-.App-link {
-  color: #61dafb;
-}
-.layout {
-  position: absolute;
-  width: 100%;
-}
-.Editor {
-  text-align: left;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-}
-[contenteditable]:focus {
-  outline: 0px solid transparent;
-}
-.layout__panel {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  flex: none;
-  overflow: hidden;
-}
-.flex--row {
-  flex-direction: row;
-}
-.flex {
-  display: flex;
-}
-.CodeMirror {
-  height: auto;
-  font-family: inherit;
-}
-pre {
-  overflow-x: auto;
-  white-space: pre-wrap;
-  white-space: -moz-pre-wrap;
-  white-space: -pre-wrap;
-  white-space: -o-pre-wrap;
-  word-wrap: break-word;
-}
-.title {
-  margin: 0em;
-}
-.Editorleft {
-  border-right: 1px dotted lightgrey;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-  width: 50%;
-  font-size: 15px;
-  text-align: left;
-}
-body {
-  margin: 0;
-  font-family:
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-code {
-  font-family:
-    source-code-pro,
-    Menlo,
-    Monaco,
-    Consolas,
-    "Courier New",
-    monospace;
-}
-pre {
-  padding: 9.5px;
-  display: block;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f8f8f8;
-  border-radius: 4px;
-}
-code {
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border-radius: 0;
-}
-img {
-  max-width: 1024px;
-}
-table {
-  word-break: normal;
-  min-width: 70%;
-  max-width: 100%;
-  margin: 1em auto;
-  border-spacing: 0;
-  border-collapse: collapse;
-  text-align: center;
-  margin-top: 2em;
-}
-table caption {
-  margin-bottom: 0.8em;
-  caption-side: bottom;
-}
-table tbody tr:hover {
-  background-color: #eee;
-  -webkit-transition: .5s;
-  transition: .5s;
-}
-tr th {
-  vertical-align: bottom;
-  border-bottom: 2px solid #eee;
-}
-td {
-  padding: 8px;
-  border: 1px solid #eee;
-}
-.footnote a {
-  text-decoration: none;
-}
-.footnotes {
-  border-top-style: solid;
-  border-top-width: 1px;
-  border-top-color: #eee;
-}
-img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-}
-.shadow {
-  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
-  -moz-box-shadow: 3px 3px 5px 6px #ccc;
-  box-shadow: 3px 3px 5px 6px #ccc;
-}
-.box {
-  box-shadow:
-    0 2.8px 2.2px rgba(0, 0, 0, 0.034),
-    0 6.7px 5.3px rgba(0, 0, 0, 0.048),
-    0 12.5px 10px rgba(0, 0, 0, 0.06),
-    0 22.3px 17.9px rgba(0, 0, 0, 0.072),
-    0 41.8px 33.4px rgba(0, 0, 0, 0.086),
-    0 100px 80px rgba(0, 0, 0, 0.12);
-  margin: 100px auto;
-  background: white;
-  border-radius: 5px;
-}
-.image_block video {
-  max-width: 100%;
-  margin-bottom: 1em;
-}
-.image_block video {
-  width: 100%;
-  outline: none;
-  border: none;
-}
-.mermaid svg {
-  display: block;
-  margin: auto;
-}
-.toc {
-  padding: 1rem;
-}
-.toc-list {
-  list-style: none;
-  font-size: .8rem;
-}
-.caption {
-  text-align: center;
-  font-size: 0.9rem;
-}
-aside.notify {
-  border-left: .25em solid;
-  padding-left: 1rem;
-}
-aside.notify > :first-child {
-  margin-top: 0;
-}
-aside.notify > :last-child {
-  margin-bottom: 0;
-}
-aside.notify.note {
-  border-left-color: #0085f2;
-}
-aside.notify.note .notify-title {
-  color: #0085f2;
-}
-aside.notify.tip {
-  border-left-color: #007936;
-}
-aside.notify.tip .notify-title {
-  color: #007936;
-}
-aside.notify.important {
-  border-left-color: #8250df;
-}
-aside.notify.important .notify-title {
-  color: #8250df;
-}
-aside.notify.warning {
-  border-left-color: #9a6700;
-}
-aside.notify.warning .notify-title {
-  color: #9a6700;
-}
-aside.notify.caution {
-  border-left-color: #d30038;
-}
-aside.notify.caution .notify-title {
-  color: #d30038;
-}
-.CodeMirror {
-  height: auto;
-  font-family: inherit;
-}
-.title {
-  margin: 0em;
-}
-.Editorleft {
-  border-right: 1px dotted lightgrey;
-  white-space: pre-wrap;
-  word-break: break-word;
-  word-wrap: break-word;
-  width: 50%;
-  font-size: 15px;
-  text-align: left;
-  float: left;
-  height: 100%;
-  padding-left: 10px;
-  visibility: visible;
-  opacity: 1;
-  transition: all 0.2s ease-out;
-}
-.editorApp,
-.CodeMirror {
-  height: 100%;
-}
-.Editorright {
-  text-align: left;
-  word-break: break-word;
-  word-wrap: break-word;
-  margin-right: 0;
-  height: 100%;
-  font-size: 15px;
-  padding-left: 10px;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  background-color: white;
-}
-.Editorright .error {
-  opacity: 0.5;
-}
-.Editorright * {
-}
-.Editorright img {
-  display: block;
-  margin: 0 auto;
-  max-width: 100%;
-}
-.content {
-  height: 100%;
-}
-.layoutPreview .Editorright {
-  position: absolute;
-  width: 48%;
-  float: right;
-  top: 0;
-  right: 0;
-  width: 100%;
-  background-color: white;
-}
-.layoutPreview .Editorleft {
-  visibility: hidden;
-  opacity: 0;
-}
-.layoutPreview .content {
-  width: 50%;
-  margin: 0 auto;
-  height: 100%;
-  overflow-y: initial;
-}
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.CodeMirror-vscrollbar {
-  user-select: none;
-  outline: none !important;
-}
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  background-color: (0, 0, 0, 0.05);
-}
-::-webkit-scrollbar-thumb:active {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-thumb {
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-thumb:active {
-  -webkit-border-radius: 100px;
-}
-::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.CodeMirror-hints {
-  z-index: 1000;
-  border: none;
-}
-.editorApp .cm-header {
-  color: #000;
-}
-.editorApp .cm-header-1 {
-  font-size: 150%;
-}
-.cm-header-2 {
-  font-size: 130%;
-}
-.cm-header-3 {
-  font-size: 110%;
-}