avo 4.0.0.beta.13 → 4.0.0.beta.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b31203e3d282588a106244018b842522245888653d6cade4587bb56ab6f76156
-  data.tar.gz: 6763a603ee17fdeb3b7a50e335830b5d67b43836b1b093cb6686ca2c062a5804
+  metadata.gz: 1071f00b1ea8452984cabfbefcb91e8ba3681cee0b34e5432acf2d97c7f4ab6f
+  data.tar.gz: ae20a85de18af36806433d0ba1b8be349683541df065c360d7d417550c94ab58
 SHA512:
-  metadata.gz: 36436e40ab427804f4aa5ec6144deaba0ed178f4d50c3ef456d92563e6fa76d326fdf09cbc23d0dd92a24a5fdc60fcf1d9e7dcd0c79dd91034a31d3a5c2f0339
-  data.tar.gz: f7d7f59006df33c279e73e53551dc130ff51db7e150ba07bbb6bebadd2ef3d7cf49c9833cbc3fbc66bfd07e0ce1dcba318bf0ec189dbc07e271f9da736c3b0ee
+  metadata.gz: 9841450ee5f2ea9d1d9ad95db2916dd9e08c56d6cba707188e841dc899ecacd6bcc87b1b6ace1884042cb82de7e3f819ae3b105b0e195428ff88a3b346c462de
+  data.tar.gz: 6abbe21b187ca9fa79f08edeecf5582b7f399a026d2a8ad602025ab0c63434579d235de18a82aec6807a07cddc51046317758b1de6c4e017b2112923a17700e0

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (4.0.0.beta.13)
+    avo (4.0.0.beta.15)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)

data/app/assets/builds/avo/application.css

@@ -4230,6 +4230,36 @@
     opacity: 60%;
   }
 }
+.tippy-box[data-theme~='basic'] {
+  border-radius: var(--radius-md);
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+  border-color: var(--color-neutral-200);
+  background-color: var(--color-background);
+  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
+}
+.tippy-box[data-theme~='basic'] .tippy-content {
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 1);
+  font-family: var(--font-sans);
+  font-size: var(--text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height));
+  --tw-leading: calc(var(--spacing) * 5);
+  line-height: calc(var(--spacing) * 5);
+  --tw-font-weight: var(--font-weight-normal);
+  font-weight: var(--font-weight-normal);
+  color: var(--color-content);
+}
+.tippy-box[data-theme~='basic'] .tippy-arrow {
+  display: none;
+}
+.dark .tippy-box[data-theme~='basic'] {
+  border-color: var(--color-secondary);
+  background-color: var(--color-background);
+}
+.dark .tippy-box[data-theme~='basic'] .tippy-content {
+  color: var(--color-content);
+}
 @layer components {
   @font-face {
     font-family: 'Inter';
@@ -5368,385 +5398,6 @@
       -webkit-transform: scale(1);
     }
   }
-  .CodeMirror {
-    font-family: monospace;
-    height: 300px;
-    color: black;
-    direction: ltr;
-  }
-  .CodeMirror-lines {
-    padding: 4px 0;
-  }
-  .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
-    padding: 0 4px;
-  }
-  .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-    background-color: white;
-  }
-  .CodeMirror-gutters {
-    border-right: 1px solid #ddd;
-    background-color: #f7f7f7;
-    white-space: nowrap;
-  }
-  .CodeMirror-linenumber {
-    padding: 0 3px 0 5px;
-    min-width: 20px;
-    text-align: right;
-    color: #999;
-    white-space: nowrap;
-  }
-  .CodeMirror-guttermarker {
-    color: black;
-  }
-  .CodeMirror-guttermarker-subtle {
-    color: #999;
-  }
-  .CodeMirror-cursor {
-    border-left: 1px solid black;
-    border-right: none;
-    width: 0;
-  }
-  .CodeMirror div.CodeMirror-secondarycursor {
-    border-left: 1px solid silver;
-  }
-  .cm-fat-cursor .CodeMirror-cursor {
-    width: auto;
-    border: 0 !important;
-    background: #7e7;
-  }
-  .cm-fat-cursor div.CodeMirror-cursors {
-    z-index: 1;
-  }
-  .cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection {
-    background: transparent;
-  }
-  .cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
-    background: transparent;
-  }
-  .cm-fat-cursor {
-    caret-color: transparent;
-  }
-  @-moz-keyframes blink {
-    50% {
-      background-color: transparent;
-    }
-  }
-  @-webkit-keyframes blink {
-    50% {
-      background-color: transparent;
-    }
-  }
-  @keyframes blink {
-    50% {
-      background-color: transparent;
-    }
-  }
-  .cm-tab {
-    display: inline-block;
-    text-decoration: inherit;
-  }
-  .CodeMirror-rulers {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: -50px;
-    bottom: 0;
-    overflow: hidden;
-  }
-  .CodeMirror-ruler {
-    border-left: 1px solid #ccc;
-    top: 0;
-    bottom: 0;
-    position: absolute;
-  }
-  .cm-s-default .cm-header {
-    color: blue;
-  }
-  .cm-s-default .cm-quote {
-    color: #090;
-  }
-  .cm-negative {
-    color: #d44;
-  }
-  .cm-positive {
-    color: #292;
-  }
-  .cm-header, .cm-strong {
-    font-weight: bold;
-  }
-  .cm-em {
-    font-style: italic;
-  }
-  .cm-link {
-    text-decoration: underline;
-  }
-  .cm-strikethrough {
-    text-decoration: line-through;
-  }
-  .cm-s-default .cm-keyword {
-    color: #708;
-  }
-  .cm-s-default .cm-atom {
-    color: #219;
-  }
-  .cm-s-default .cm-number {
-    color: #164;
-  }
-  .cm-s-default .cm-def {
-    color: #00f;
-  }
-  .cm-s-default .cm-variable-2 {
-    color: #05a;
-  }
-  .cm-s-default .cm-variable-3, .cm-s-default .cm-type {
-    color: #085;
-  }
-  .cm-s-default .cm-comment {
-    color: #a50;
-  }
-  .cm-s-default .cm-string {
-    color: #a11;
-  }
-  .cm-s-default .cm-string-2 {
-    color: #f50;
-  }
-  .cm-s-default .cm-meta {
-    color: #555;
-  }
-  .cm-s-default .cm-qualifier {
-    color: #555;
-  }
-  .cm-s-default .cm-builtin {
-    color: #30a;
-  }
-  .cm-s-default .cm-bracket {
-    color: #997;
-  }
-  .cm-s-default .cm-tag {
-    color: #170;
-  }
-  .cm-s-default .cm-attribute {
-    color: #00c;
-  }
-  .cm-s-default .cm-hr {
-    color: #999;
-  }
-  .cm-s-default .cm-link {
-    color: #00c;
-  }
-  .cm-s-default .cm-error {
-    color: #f00;
-  }
-  .cm-invalidchar {
-    color: #f00;
-  }
-  .CodeMirror-composing {
-    border-bottom: 2px solid;
-  }
-  div.CodeMirror span.CodeMirror-matchingbracket {
-    color: #0b0;
-  }
-  div.CodeMirror span.CodeMirror-nonmatchingbracket {
-    color: #a22;
-  }
-  .CodeMirror-matchingtag {
-    background: rgba(255, 150, 0, .3);
-  }
-  .CodeMirror-activeline-background {
-    background: #e8f2ff;
-  }
-  .CodeMirror {
-    position: relative;
-    overflow: hidden;
-    background: white;
-  }
-  .CodeMirror-scroll {
-    overflow: scroll !important;
-    margin-bottom: -50px;
-    margin-right: -50px;
-    padding-bottom: 50px;
-    height: 100%;
-    outline: none;
-    position: relative;
-    z-index: 0;
-  }
-  .CodeMirror-sizer {
-    position: relative;
-    border-right: 50px solid transparent;
-  }
-  .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-    position: absolute;
-    z-index: 6;
-    display: none;
-    outline: none;
-  }
-  .CodeMirror-vscrollbar {
-    right: 0;
-    top: 0;
-    overflow-x: hidden;
-    overflow-y: scroll;
-  }
-  .CodeMirror-hscrollbar {
-    bottom: 0;
-    left: 0;
-    overflow-y: hidden;
-    overflow-x: scroll;
-  }
-  .CodeMirror-scrollbar-filler {
-    right: 0;
-    bottom: 0;
-  }
-  .CodeMirror-gutter-filler {
-    left: 0;
-    bottom: 0;
-  }
-  .CodeMirror-gutters {
-    position: absolute;
-    left: 0;
-    top: 0;
-    min-height: 100%;
-    z-index: 3;
-  }
-  .CodeMirror-gutter {
-    white-space: normal;
-    height: 100%;
-    display: inline-block;
-    vertical-align: top;
-    margin-bottom: -50px;
-  }
-  .CodeMirror-gutter-wrapper {
-    position: absolute;
-    z-index: 4;
-    background: none !important;
-    border: none !important;
-  }
-  .CodeMirror-gutter-background {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    z-index: 4;
-  }
-  .CodeMirror-gutter-elt {
-    position: absolute;
-    cursor: default;
-    z-index: 4;
-  }
-  .CodeMirror-gutter-wrapper ::selection {
-    background-color: transparent;
-  }
-  .CodeMirror-gutter-wrapper ::-moz-selection {
-    background-color: transparent;
-  }
-  .CodeMirror-lines {
-    cursor: text;
-    min-height: 1px;
-  }
-  .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
-    -moz-border-radius: 0;
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    border-width: 0;
-    background: transparent;
-    font-family: inherit;
-    font-size: inherit;
-    margin: 0;
-    white-space: pre;
-    word-wrap: normal;
-    line-height: inherit;
-    color: inherit;
-    z-index: 2;
-    position: relative;
-    overflow: visible;
-    -webkit-tap-highlight-color: transparent;
-    -webkit-font-variant-ligatures: contextual;
-    font-variant-ligatures: contextual;
-  }
-  .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
-    word-wrap: break-word;
-    white-space: pre-wrap;
-    word-break: normal;
-  }
-  .CodeMirror-linebackground {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 0;
-  }
-  .CodeMirror-linewidget {
-    position: relative;
-    z-index: 2;
-    padding: 0.1px;
-  }
-  .CodeMirror-rtl pre {
-    direction: rtl;
-  }
-  .CodeMirror-code {
-    outline: none;
-  }
-  .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-  }
-  .CodeMirror-measure {
-    position: absolute;
-    width: 100%;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-  }
-  .CodeMirror-cursor {
-    position: absolute;
-    pointer-events: none;
-  }
-  .CodeMirror-measure pre {
-    position: static;
-  }
-  div.CodeMirror-cursors {
-    visibility: hidden;
-    position: relative;
-    z-index: 3;
-  }
-  div.CodeMirror-dragcursors {
-    visibility: visible;
-  }
-  .CodeMirror-focused div.CodeMirror-cursors {
-    visibility: visible;
-  }
-  .CodeMirror-selected {
-    background: #d9d9d9;
-  }
-  .CodeMirror-focused .CodeMirror-selected {
-    background: #d7d4f0;
-  }
-  .CodeMirror-crosshair {
-    cursor: crosshair;
-  }
-  .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
-    background: #d7d4f0;
-  }
-  .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
-    background: #d7d4f0;
-  }
-  .cm-searching {
-    background-color: #ffa;
-    background-color: rgba(255, 255, 0, .4);
-  }
-  .cm-force-border {
-    padding-right: .1px;
-  }
-  @media print {
-    .CodeMirror div.CodeMirror-cursors {
-      visibility: hidden;
-    }
-  }
-  .cm-tab-wrap-hack:after {
-    content: '';
-  }
-  span.CodeMirror-selectedtext {
-    background: none;
-  }
   .CodeMirror {
     min-height: auto;
     border-bottom-right-radius: var(--radius-lg);
@@ -9337,36 +8988,6 @@
     font-weight: var(--font-weight-medium);
     color: var(--color-content-secondary);
   }
-  .tippy-box[data-theme~='basic'] {
-    border-radius: var(--radius-md);
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: var(--color-neutral-200);
-    background-color: var(--color-background);
-    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
-  }
-  .tippy-box[data-theme~='basic'] .tippy-content {
-    padding-inline: calc(var(--spacing) * 2);
-    padding-block: calc(var(--spacing) * 1);
-    font-family: var(--font-sans);
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
-    --tw-leading: calc(var(--spacing) * 5);
-    line-height: calc(var(--spacing) * 5);
-    --tw-font-weight: var(--font-weight-normal);
-    font-weight: var(--font-weight-normal);
-    color: var(--color-content);
-  }
-  .tippy-box[data-theme~='basic'] .tippy-arrow {
-    display: none;
-  }
-  .dark .tippy-box[data-theme~='basic'] {
-    border-color: var(--color-secondary);
-    background-color: var(--color-background);
-  }
-  .dark .tippy-box[data-theme~='basic'] .tippy-content {
-    color: var(--color-content);
-  }
   .modal {
     --modal-height-sm: 24rem;
     --modal-height-md: 28rem;

data/app/assets/builds/avo/dependencies.css

@@ -3513,3 +3513,382 @@ trix-editor .attachment__metadata .attachment__size {
   flex-basis: 50%;
   max-width: 50%;
 }
+.CodeMirror {
+  font-family: monospace;
+  height: 300px;
+  color: black;
+  direction: ltr;
+}
+.CodeMirror-lines {
+  padding: 4px 0;
+}
+.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
+  padding: 0 4px;
+}
+.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  background-color: white;
+}
+.CodeMirror-gutters {
+  border-right: 1px solid #ddd;
+  background-color: #f7f7f7;
+  white-space: nowrap;
+}
+.CodeMirror-linenumber {
+  padding: 0 3px 0 5px;
+  min-width: 20px;
+  text-align: right;
+  color: #999;
+  white-space: nowrap;
+}
+.CodeMirror-guttermarker {
+  color: black;
+}
+.CodeMirror-guttermarker-subtle {
+  color: #999;
+}
+.CodeMirror-cursor {
+  border-left: 1px solid black;
+  border-right: none;
+  width: 0;
+}
+.CodeMirror div.CodeMirror-secondarycursor {
+  border-left: 1px solid silver;
+}
+.cm-fat-cursor .CodeMirror-cursor {
+  width: auto;
+  border: 0 !important;
+  background: #7e7;
+}
+.cm-fat-cursor div.CodeMirror-cursors {
+  z-index: 1;
+}
+.cm-fat-cursor .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection {
+  background: transparent;
+}
+.cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
+  background: transparent;
+}
+.cm-fat-cursor {
+  caret-color: transparent;
+}
+@-moz-keyframes blink {
+  50% {
+    background-color: transparent;
+  }
+}
+@-webkit-keyframes blink {
+  50% {
+    background-color: transparent;
+  }
+}
+@keyframes blink {
+  50% {
+    background-color: transparent;
+  }
+}
+.cm-tab {
+  display: inline-block;
+  text-decoration: inherit;
+}
+.CodeMirror-rulers {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: -50px;
+  bottom: 0;
+  overflow: hidden;
+}
+.CodeMirror-ruler {
+  border-left: 1px solid #ccc;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+}
+.cm-s-default .cm-header {
+  color: blue;
+}
+.cm-s-default .cm-quote {
+  color: #090;
+}
+.cm-negative {
+  color: #d44;
+}
+.cm-positive {
+  color: #292;
+}
+.cm-header, .cm-strong {
+  font-weight: bold;
+}
+.cm-em {
+  font-style: italic;
+}
+.cm-link {
+  text-decoration: underline;
+}
+.cm-strikethrough {
+  text-decoration: line-through;
+}
+.cm-s-default .cm-keyword {
+  color: #708;
+}
+.cm-s-default .cm-atom {
+  color: #219;
+}
+.cm-s-default .cm-number {
+  color: #164;
+}
+.cm-s-default .cm-def {
+  color: #00f;
+}
+.cm-s-default .cm-variable-2 {
+  color: #05a;
+}
+.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
+  color: #085;
+}
+.cm-s-default .cm-comment {
+  color: #a50;
+}
+.cm-s-default .cm-string {
+  color: #a11;
+}
+.cm-s-default .cm-string-2 {
+  color: #f50;
+}
+.cm-s-default .cm-meta {
+  color: #555;
+}
+.cm-s-default .cm-qualifier {
+  color: #555;
+}
+.cm-s-default .cm-builtin {
+  color: #30a;
+}
+.cm-s-default .cm-bracket {
+  color: #997;
+}
+.cm-s-default .cm-tag {
+  color: #170;
+}
+.cm-s-default .cm-attribute {
+  color: #00c;
+}
+.cm-s-default .cm-hr {
+  color: #999;
+}
+.cm-s-default .cm-link {
+  color: #00c;
+}
+.cm-s-default .cm-error {
+  color: #f00;
+}
+.cm-invalidchar {
+  color: #f00;
+}
+.CodeMirror-composing {
+  border-bottom: 2px solid;
+}
+div.CodeMirror span.CodeMirror-matchingbracket {
+  color: #0b0;
+}
+div.CodeMirror span.CodeMirror-nonmatchingbracket {
+  color: #a22;
+}
+.CodeMirror-matchingtag {
+  background: rgba(255, 150, 0, .3);
+}
+.CodeMirror-activeline-background {
+  background: #e8f2ff;
+}
+.CodeMirror {
+  position: relative;
+  overflow: hidden;
+  background: white;
+}
+.CodeMirror-scroll {
+  overflow: scroll !important;
+  margin-bottom: -50px;
+  margin-right: -50px;
+  padding-bottom: 50px;
+  height: 100%;
+  outline: none;
+  position: relative;
+  z-index: 0;
+}
+.CodeMirror-sizer {
+  position: relative;
+  border-right: 50px solid transparent;
+}
+.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
+  position: absolute;
+  z-index: 6;
+  display: none;
+  outline: none;
+}
+.CodeMirror-vscrollbar {
+  right: 0;
+  top: 0;
+  overflow-x: hidden;
+  overflow-y: scroll;
+}
+.CodeMirror-hscrollbar {
+  bottom: 0;
+  left: 0;
+  overflow-y: hidden;
+  overflow-x: scroll;
+}
+.CodeMirror-scrollbar-filler {
+  right: 0;
+  bottom: 0;
+}
+.CodeMirror-gutter-filler {
+  left: 0;
+  bottom: 0;
+}
+.CodeMirror-gutters {
+  position: absolute;
+  left: 0;
+  top: 0;
+  min-height: 100%;
+  z-index: 3;
+}
+.CodeMirror-gutter {
+  white-space: normal;
+  height: 100%;
+  display: inline-block;
+  vertical-align: top;
+  margin-bottom: -50px;
+}
+.CodeMirror-gutter-wrapper {
+  position: absolute;
+  z-index: 4;
+  background: none !important;
+  border: none !important;
+}
+.CodeMirror-gutter-background {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 4;
+}
+.CodeMirror-gutter-elt {
+  position: absolute;
+  cursor: default;
+  z-index: 4;
+}
+.CodeMirror-gutter-wrapper ::selection {
+  background-color: transparent;
+}
+.CodeMirror-gutter-wrapper ::-moz-selection {
+  background-color: transparent;
+}
+.CodeMirror-lines {
+  cursor: text;
+  min-height: 1px;
+}
+.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  border-width: 0;
+  background: transparent;
+  font-family: inherit;
+  font-size: inherit;
+  margin: 0;
+  white-space: pre;
+  word-wrap: normal;
+  line-height: inherit;
+  color: inherit;
+  z-index: 2;
+  position: relative;
+  overflow: visible;
+  -webkit-tap-highlight-color: transparent;
+  -webkit-font-variant-ligatures: contextual;
+  font-variant-ligatures: contextual;
+}
+.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  word-break: normal;
+}
+.CodeMirror-linebackground {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 0;
+}
+.CodeMirror-linewidget {
+  position: relative;
+  z-index: 2;
+  padding: 0.1px;
+}
+.CodeMirror-rtl pre {
+  direction: rtl;
+}
+.CodeMirror-code {
+  outline: none;
+}
+.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.CodeMirror-measure {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+}
+.CodeMirror-cursor {
+  position: absolute;
+  pointer-events: none;
+}
+.CodeMirror-measure pre {
+  position: static;
+}
+div.CodeMirror-cursors {
+  visibility: hidden;
+  position: relative;
+  z-index: 3;
+}
+div.CodeMirror-dragcursors {
+  visibility: visible;
+}
+.CodeMirror-focused div.CodeMirror-cursors {
+  visibility: visible;
+}
+.CodeMirror-selected {
+  background: #d9d9d9;
+}
+.CodeMirror-focused .CodeMirror-selected {
+  background: #d7d4f0;
+}
+.CodeMirror-crosshair {
+  cursor: crosshair;
+}
+.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
+  background: #d7d4f0;
+}
+.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
+  background: #d7d4f0;
+}
+.cm-searching {
+  background-color: #ffa;
+  background-color: rgba(255, 255, 0, .4);
+}
+.cm-force-border {
+  padding-right: .1px;
+}
+@media print {
+  .CodeMirror div.CodeMirror-cursors {
+    visibility: hidden;
+  }
+}
+.cm-tab-wrap-hack:after {
+  content: '';
+}
+span.CodeMirror-selectedtext {
+  background: none;
+}

data/app/assets/stylesheets/application.css

@@ -84,6 +84,7 @@
 @custom-variant hover (&:hover);
 
 @import "./css/components/ui/checkbox.css";
+@import "./css/components/tooltip.css";
 
 @layer components {
   @import "./css/fonts.css";
@@ -135,7 +136,6 @@
   @import "./css/components/color_scheme_switcher.css";
   @import "./css/components/discreet_information.css";
   @import "./css/components/hotkey.css";
-  @import "./css/components/tooltip.css";
   @import "./css/components/modal.css";
   @import "./css/css-animations.css";
   @import "./css/sidebar.css";

data/app/assets/stylesheets/css/fields/code.css

@@ -1,5 +1,3 @@
-@import 'codemirror/lib/codemirror.css';
-
 /* Base CodeMirror surface */
 .CodeMirror {
   @apply border border-tertiary rounded-b-lg bg-primary text-content p-0 min-h-auto;

data/app/assets/stylesheets/dependencies.css

@@ -5,4 +5,5 @@
 @import "./../../../node_modules/@algolia/autocomplete-theme-classic/dist/theme.css";
 @import "./../../../node_modules/@yaireo/tagify/dist/tagify.css";
 @import "./../../../node_modules/trix/dist/trix.css";
+@import "./../../../node_modules/codemirror/lib/codemirror.css";
 

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "4.0.0.beta.13" unless const_defined?(:VERSION)
+  VERSION = "4.0.0.beta.15" unless const_defined?(:VERSION)
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 4.0.0.beta.13
+  version: 4.0.0.beta.15
 platform: ruby
 authors:
 - Adrian Marin