@dynatrace/strato-components 3.4.1 → 3.5.2

package/esm/editors/base-code-editor/BaseCodeEditor.css

@@ -1,223 +1,241 @@
-@keyframes _mvxq7yj-3-4-1 {
+@keyframes _mvxq7yj-3-5-2 {
   to {
     background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
     color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   }
 }
-@keyframes _mvxq7yk-3-4-1 {
+@keyframes _mvxq7yk-3-5-2 {
   from {
     background-color: var(--dt-colors-background-container-neutral-accent, #5b5c81);
     color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   }
 }
-._mvxq7yl-3-4-1 {
-  --_mvxq7y0-3-4-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7y1-3-4-1: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
-  --_mvxq7y2-3-4-1: var(--dt-colors-border-neutral-default-active, #c6c7d5);
-  --_mvxq7y7-3-4-1: var(--dt-colors-text-neutral-subdued, #595a7d);
-  --_mvxq7y8-3-4-1: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
-  --_mvxq7y9-3-4-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7yb-3-4-1: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_mvxq7yf-3-4-1: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_mvxq7yg-3-4-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_mvxq7yh-3-4-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7yi-3-4-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._mvxq7yl-3-5-2 {
+  --_mvxq7y0-3-5-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7y1-3-5-2: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
+  --_mvxq7y2-3-5-2: var(--dt-colors-border-neutral-default-active, #c6c7d5);
+  --_mvxq7y7-3-5-2: var(--dt-colors-text-neutral-subdued, #595a7d);
+  --_mvxq7y8-3-5-2: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
+  --_mvxq7y9-3-5-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7yb-3-5-2: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_mvxq7yf-3-5-2: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_mvxq7yg-3-5-2: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_mvxq7yh-3-5-2: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7yi-3-5-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   width: 100%;
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._mvxq7yn-3-4-1 {
-  --_mvxq7y3-3-4-1: 100%;
+._mvxq7yn-3-5-2 {
+  --_mvxq7y3-3-5-2: 100%;
   display: flex;
   max-height: 100%;
   min-height: 100%;
   flex-grow: 1;
 }
-._mvxq7yo-3-4-1 {
-  --_mvxq7y7-3-4-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7y8-3-4-1: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
-  --_mvxq7y9-3-4-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7yb-3-4-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7yf-3-4-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7yg-3-4-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_mvxq7yh-3-4-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7yi-3-4-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._mvxq7yp-3-4-1 {
-  --_mvxq7ye-3-4-1: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7ys-3-4-1 {
-  --_mvxq7y4-3-4-1: var(--dt-typography-code-base-default-size, 14px);
-  --_mvxq7y5-3-4-1: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
-  --_mvxq7ya-3-4-1: 33px;
-  --_mvxq7yd-3-4-1: 0 0 0 var(--dt-spacings-size-16, 16px);
-  --_mvxq7ye-3-4-1: var(--dt-spacings-size-12, 12px);
-  --_mvxq7y6-3-4-1: var(--dt-typography-code-base-default-line-height, 1.4285714286);
-  --_mvxq7yc-3-4-1: var(--dt-spacings-size-16, 16px);
-}
-._mvxq7yt-3-4-1 {
-  --_mvxq7y4-3-4-1: var(--dt-typography-code-small-default-size, 12px);
-  --_mvxq7y5-3-4-1: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
-  --_mvxq7ya-3-4-1: 27px;
-  --_mvxq7yd-3-4-1: 0 0 0 var(--dt-spacings-size-12, 12px);
-  --_mvxq7ye-3-4-1: var(--dt-spacings-size-6, 6px);
-  --_mvxq7y6-3-4-1: var(--dt-typography-code-small-default-line-height, 1.333333333);
-  --_mvxq7yc-3-4-1: var(--dt-spacings-size-12, 12px);
-}
-._mvxq7yu-3-4-1 {
-  --_mvxq7y0-3-4-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7y1-3-4-1: var(--dt-colors-border-critical-default-hover, #f5cac9);
-  --_mvxq7y2-3-4-1: var(--dt-colors-border-critical-default-active, #f3bebd);
-}
-._mvxq7yv-3-4-1 {
-  --_mvxq7ye-3-4-1: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7yw-3-4-1 {
-  --_mvxq7ye-3-4-1: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7ym-3-4-1 > div {
+._mvxq7yo-3-5-2 {
+  --_mvxq7y7-3-5-2: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7y8-3-5-2: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
+  --_mvxq7y9-3-5-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7yb-3-5-2: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7yf-3-5-2: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7yg-3-5-2: var(--dt-colors-border-critical-accent, #bb0731);
+  --_mvxq7yh-3-5-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7yi-3-5-2: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._mvxq7yp-3-5-2 {
+  --_mvxq7ye-3-5-2: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7ys-3-5-2 {
+  --_mvxq7y4-3-5-2: var(--dt-typography-code-base-default-size, 14px);
+  --_mvxq7y5-3-5-2: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
+  --_mvxq7ya-3-5-2: 33px;
+  --_mvxq7yd-3-5-2: 0 0 0 var(--dt-spacings-size-16, 16px);
+  --_mvxq7ye-3-5-2: var(--dt-spacings-size-12, 12px);
+  --_mvxq7y6-3-5-2: var(--dt-typography-code-base-default-line-height, 1.4285714286);
+  --_mvxq7yc-3-5-2: var(--dt-spacings-size-16, 16px);
+}
+._mvxq7yt-3-5-2 {
+  --_mvxq7y4-3-5-2: var(--dt-typography-code-small-default-size, 12px);
+  --_mvxq7y5-3-5-2: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
+  --_mvxq7ya-3-5-2: 27px;
+  --_mvxq7yd-3-5-2: 0 0 0 var(--dt-spacings-size-12, 12px);
+  --_mvxq7ye-3-5-2: var(--dt-spacings-size-6, 6px);
+  --_mvxq7y6-3-5-2: var(--dt-typography-code-small-default-line-height, 1.333333333);
+  --_mvxq7yc-3-5-2: var(--dt-spacings-size-12, 12px);
+}
+._mvxq7yu-3-5-2 {
+  --_mvxq7y0-3-5-2: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7y1-3-5-2: var(--dt-colors-border-critical-default-hover, #f5cac9);
+  --_mvxq7y2-3-5-2: var(--dt-colors-border-critical-default-active, #f3bebd);
+}
+._mvxq7yv-3-5-2 {
+  --_mvxq7ye-3-5-2: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7yw-3-5-2 {
+  --_mvxq7ye-3-5-2: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7ym-3-5-2 > div {
   position: relative;
   overflow: visible;
 }
-._mvxq7ym-3-4-1 > div::before {
+._mvxq7ym-3-5-2 > div::before {
   content: '';
   position: absolute;
   inset: -2px;
   z-index: 1;
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   pointer-events: none;
-  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-4-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-4-1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-5-2), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-editor {
+._mvxq7yl-3-5-2 .cm-editor {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-container-subdued, 6px);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-style: var(--dt-borders-style-default, solid);
-  border-color: var(--_mvxq7y0-3-4-1);
-  width: var(--_mvxq7y3-3-4-1);
+  border-color: var(--_mvxq7y0-3-5-2);
+  width: var(--_mvxq7y3-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-editor:hover {
-  border-color: var(--_mvxq7y1-3-4-1);
+._1jgl8s50-3-5-2 ._mvxq7yl-3-5-2 .cm-editor {
+  border-width: var(--dt-borders-width-default, 1px);
 }
-._mvxq7yl-3-4-1 .cm-editor:focus-visible {
+._mvxq7yl-3-5-2 .cm-editor:hover {
+  border-color: var(--_mvxq7y1-3-5-2);
+}
+._mvxq7yl-3-5-2 .cm-editor.cm-focused {
+  border-color: var(--_mvxq7yg-3-5-2);
+}
+._1jgl8s50-3-5-2 ._mvxq7yl-3-5-2 .cm-editor.cm-focused::before {
+  content: '';
+  position: absolute;
+  inset: -2px;
+  z-index: 1;
+  border-radius: var(--dt-borders-radius-container-subdued, 6px);
+  pointer-events: none;
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-5-2);
+}
+._mvxq7yl-3-5-2 .cm-editor:focus-visible {
   outline: none;
 }
-._mvxq7yl-3-4-1 .cm-editor:active {
-  border-color: var(--_mvxq7y2-3-4-1);
+._mvxq7yl-3-5-2 .cm-editor:active {
+  border-color: var(--_mvxq7y2-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-scroller {
+._mvxq7yl-3-5-2 .cm-scroller {
   border-top-left-radius: calc(var(--dt-borders-radius-container-default, 9px)/2);
   border-bottom-left-radius: calc(var(--dt-borders-radius-container-default, 9px)/2);
 }
-._mvxq7yl-3-4-1 .cm-scroller:focus-visible {
+._mvxq7yl-3-5-2 .cm-scroller:focus-visible {
   outline: none;
 }
-._mvxq7yl-3-4-1 .cm-highlight {
-  animation: _mvxq7yj-3-4-1 var(--dt-timings-base-default, 300ms) var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1)),
-  _mvxq7yk-3-4-1 var(--dt-timings-slow-gentle, 800ms);
+._mvxq7yl-3-5-2 .cm-highlight {
+  animation: _mvxq7yj-3-5-2 var(--dt-timings-base-default, 300ms) var(--dt-easings-out-back, cubic-bezier(0.4, 1.6, 0.7, 1)),
+  _mvxq7yk-3-5-2 var(--dt-timings-slow-gentle, 800ms);
   animation-delay: 0s, var(--dt-timings-base-default, 300ms);
   animation-iteration-count: 1;
   border-radius: var(--dt-spacings-size-2, 2px);
 }
-._mvxq7yl-3-4-1 .cm-content, ._mvxq7yl-3-4-1 .cm-gutters {
-  font-size: var(--_mvxq7y4-3-4-1);
-  font-family: var(--_mvxq7y5-3-4-1);
+._mvxq7yl-3-5-2 .cm-content, ._mvxq7yl-3-5-2 .cm-gutters {
+  font-size: var(--_mvxq7y4-3-5-2);
+  font-family: var(--_mvxq7y5-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-content {
+._mvxq7yl-3-5-2 .cm-content {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
-  padding-block: var(--_mvxq7ye-3-4-1);
+  padding-block: var(--_mvxq7ye-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-gutters {
-  color: var(--_mvxq7y7-3-4-1);
-  background-color: var(--_mvxq7y8-3-4-1);
-  border-color: var(--_mvxq7y9-3-4-1);
+._mvxq7yl-3-5-2 .cm-gutters {
+  color: var(--_mvxq7y7-3-5-2);
+  background-color: var(--_mvxq7y8-3-5-2);
+  border-color: var(--_mvxq7y9-3-5-2);
   border-right-width: var(--dt-borders-width-emphasized, 2px);
   border-right-style: var(--dt-borders-style-default, solid);
   text-align: right;
 }
-._mvxq7yl-3-4-1 .cm-lineNumbers {
-  min-width: var(--_mvxq7ya-3-4-1);
+._1jgl8s50-3-5-2 ._mvxq7yl-3-5-2 .cm-gutters {
+  border-right-width: var(--dt-borders-width-default, 1px);
+}
+._mvxq7yl-3-5-2 .cm-lineNumbers {
+  min-width: var(--_mvxq7ya-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-placeholder {
+._mvxq7yl-3-5-2 .cm-placeholder {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mvxq7yl-3-4-1 .cm-focused {
+._mvxq7yl-3-5-2 .cm-focused {
   outline: 0 !important;
 }
-._mvxq7yl-3-4-1 .cm-line {
-  padding-inline: var(--_mvxq7yc-3-4-1);
-  line-height: var(--_mvxq7y6-3-4-1);
-  color: var(--_mvxq7yb-3-4-1);
+._mvxq7yl-3-5-2 .cm-line {
+  padding-inline: var(--_mvxq7yc-3-5-2);
+  line-height: var(--_mvxq7y6-3-5-2);
+  color: var(--_mvxq7yb-3-5-2);
 }
-._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yp-3-4-1) .cm-activeLine {
+._mvxq7yl-3-5-2:not(._mvxq7yr-3-5-2):not(._mvxq7yp-3-5-2) .cm-activeLine {
   outline: none;
   box-shadow: 0 calc(var(--dt-borders-width-default, 1px) * -1) 0 var(--dt-colors-border-neutral-default, #dadbe4), 0 var(--dt-borders-width-default, 1px) 0 var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yp-3-4-1) .cm-activeLineGutter {
+._mvxq7yl-3-5-2:not(._mvxq7yr-3-5-2):not(._mvxq7yp-3-5-2) .cm-activeLineGutter {
   border-block-color: var(--dt-colors-border-neutral-default, #dadbe4);
-  color: var(--_mvxq7yf-3-4-1);
+  color: var(--_mvxq7yf-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-activeLine, ._mvxq7yl-3-4-1  .cm-activeLineGutter {
+._mvxq7yl-3-5-2 .cm-activeLine, ._mvxq7yl-3-5-2  .cm-activeLineGutter {
   background-color: transparent;
 }
-._mvxq7yl-3-4-1 .tok-keyword, ._mvxq7yl-3-4-1 .tok-heading {
+._mvxq7yl-3-5-2 .tok-keyword, ._mvxq7yl-3-5-2 .tok-heading {
   color: var(--dt-colors-syntax-operators, #8136a9);
 }
-._mvxq7yl-3-4-1 .tok-string {
+._mvxq7yl-3-5-2 .tok-string {
   color: var(--dt-colors-syntax-string, #086467);
 }
-._mvxq7yl-3-4-1 .tok-number {
+._mvxq7yl-3-5-2 .tok-number {
   color: var(--dt-colors-syntax-number, #aa0081);
 }
-._mvxq7yl-3-4-1 .tok-typeName {
+._mvxq7yl-3-5-2 .tok-typeName {
   color: var(--dt-colors-syntax-classname, #2c2d4d);
 }
-._mvxq7yl-3-4-1 .tok-inserted {
+._mvxq7yl-3-5-2 .tok-inserted {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._mvxq7yl-3-4-1 .tok-meta {
+._mvxq7yl-3-5-2 .tok-meta {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._mvxq7yl-3-4-1 .tok-comment {
+._mvxq7yl-3-5-2 .tok-comment {
   color: var(--dt-colors-syntax-comment, #545586);
   font-style: italic;
 }
-._mvxq7yl-3-4-1 .tok-propertyName {
+._mvxq7yl-3-5-2 .tok-propertyName {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-1 .tok-variableName {
+._mvxq7yl-3-5-2 .tok-variableName {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-1 .tok-link {
+._mvxq7yl-3-5-2 .tok-link {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-1 .tok-atom {
+._mvxq7yl-3-5-2 .tok-atom {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yl-3-4-1 .tok-bool {
+._mvxq7yl-3-5-2 .tok-bool {
   color: var(--dt-colors-syntax-boolean, #973f00);
 }
-._mvxq7yl-3-4-1 .cm-diagnostics {
+._mvxq7yl-3-5-2 .cm-diagnostics {
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._mvxq7yl-3-4-1 .cm-diagnosticAction {
+._mvxq7yl-3-5-2 .cm-diagnosticAction {
   background-color: transparent;
   border-radius: 0;
   margin: 0;
   padding: 0;
 }
-._mvxq7yl-3-4-1 .cm-lintRange {
+._mvxq7yl-3-5-2 .cm-lintRange {
   background-repeat: repeat-x;
   background-size: 8px 2px;
   background-position: 0 95%;
 }
-._mvxq7yl-3-4-1 .cm-lintPoint-error:after {
+._mvxq7yl-3-5-2 .cm-lintPoint-error:after {
   border-bottom-color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._mvxq7yl-3-4-1 .cm-diagnostic-error {
+._mvxq7yl-3-5-2 .cm-diagnostic-error {
   border-left: 5px solid var(--dt-colors-text-critical-default, #bb0731);
 }
-._mvxq7yl-3-4-1 .cm-lintRange-error {
+._mvxq7yl-3-5-2 .cm-lintRange-error {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -243,13 +261,13 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yl-3-4-1 .cm-lintPoint-warning:after {
+._mvxq7yl-3-5-2 .cm-lintPoint-warning:after {
   border-bottom-color: var(--dt-colors-text-warning-default, #855400);
 }
-._mvxq7yl-3-4-1 .cm-diagnostic-warning {
+._mvxq7yl-3-5-2 .cm-diagnostic-warning {
   border-left: 5px solid var(--dt-colors-text-warning-default, #855400);
 }
-._mvxq7yl-3-4-1 .cm-lintRange-warning {
+._mvxq7yl-3-5-2 .cm-lintRange-warning {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -275,13 +293,13 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yl-3-4-1 .cm-lintPoint-info:after {
+._mvxq7yl-3-5-2 .cm-lintPoint-info:after {
   border-bottom-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mvxq7yl-3-4-1 .cm-diagnostic-info {
+._mvxq7yl-3-5-2 .cm-diagnostic-info {
   border-left: 5px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mvxq7yl-3-4-1 .cm-lintRange-info {
+._mvxq7yl-3-5-2 .cm-lintRange-info {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -307,25 +325,25 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yl-3-4-1 .cmt-keyword {
+._mvxq7yl-3-5-2 .cmt-keyword {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._mvxq7yl-3-4-1 .cm-lineNumbers > .cm-gutterElement {
-  padding: var(--_mvxq7yd-3-4-1);
+._mvxq7yl-3-5-2 .cm-lineNumbers > .cm-gutterElement {
+  padding: var(--_mvxq7yd-3-5-2);
 }
-._mvxq7yl-3-4-1 .cm-gutterElement {
+._mvxq7yl-3-5-2 .cm-gutterElement {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yo-3-4-1) .cm-gutterElement:hover {
+._mvxq7yl-3-5-2:not(._mvxq7yr-3-5-2):not(._mvxq7yo-3-5-2) .cm-gutterElement:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._mvxq7yl-3-4-1:not(._mvxq7yr-3-4-1):not(._mvxq7yo-3-4-1) .cm-gutterElement:active {
+._mvxq7yl-3-5-2:not(._mvxq7yr-3-5-2):not(._mvxq7yo-3-5-2) .cm-gutterElement:active {
   color: var(--dt-colors-icon-neutral-default, #2f2f4f);
 }
-._mvxq7yx-3-4-1 {
+._mvxq7yx-3-5-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   text-align: right;
 }
-._mvxq7yx-3-4-1 span {
+._mvxq7yx-3-5-2 span {
   max-width: calc(500px - var(--dt-spacings-size-32, 32px));
 }

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js

@@ -1,7 +1,8 @@
+import "../../core/components/app-root/AppRoot.css";
 import "./BaseCodeEditor.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var autocompletionTypeText = "_mvxq7yx-3-4-1";
-var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-4-1", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-4-1" }, fullHeight: { true: "_mvxq7yn-3-4-1" }, hasError: { true: "_mvxq7yo-3-4-1" }, lineNumbers: { hidden: "_mvxq7yp-3-4-1", visible: "_mvxq7yq-3-4-1" }, readOnly: { true: "_mvxq7yr-3-4-1" }, size: { "default": "_mvxq7ys-3-4-1", condensed: "_mvxq7yt-3-4-1" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-4-1"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-4-1"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-4-1"]] });
+var autocompletionTypeText = "_mvxq7yx-3-5-2";
+var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-5-2", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-5-2" }, fullHeight: { true: "_mvxq7yn-3-5-2" }, hasError: { true: "_mvxq7yo-3-5-2" }, lineNumbers: { hidden: "_mvxq7yp-3-5-2", visible: "_mvxq7yq-3-5-2" }, readOnly: { true: "_mvxq7yr-3-5-2" }, size: { "default": "_mvxq7ys-3-5-2", condensed: "_mvxq7yt-3-5-2" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-5-2"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-5-2"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-5-2"]] });
 export {
   autocompletionTypeText,
   editorContainer

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/base-code-editor/BaseCodeEditor.css.ts"],
-  "sourcesContent": ["import './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-4-1';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-4-1',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-4-1'},fullHeight:{true:'_mvxq7yn-3-4-1'},hasError:{true:'_mvxq7yo-3-4-1'},lineNumbers:{hidden:'_mvxq7yp-3-4-1',visible:'_mvxq7yq-3-4-1'},readOnly:{true:'_mvxq7yr-3-4-1'},size:{'default':'_mvxq7ys-3-4-1',condensed:'_mvxq7yt-3-4-1'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-4-1'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-4-1'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-4-1']]});"],
-  "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,cAAa,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,aAAY,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,UAAS,OAAM,aAAY,WAAU,UAAS,OAAM,MAAK,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,UAAS,GAAE,gBAAgB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,YAAW,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-5-2';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-5-2',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-5-2'},fullHeight:{true:'_mvxq7yn-3-5-2'},hasError:{true:'_mvxq7yo-3-5-2'},lineNumbers:{hidden:'_mvxq7yp-3-5-2',visible:'_mvxq7yq-3-5-2'},readOnly:{true:'_mvxq7yr-3-5-2'},size:{'default':'_mvxq7ys-3-5-2',condensed:'_mvxq7yt-3-5-2'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-5-2'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-5-2'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-5-2']]});"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,cAAa,EAAC,MAAK,iBAAgB,GAAE,YAAW,EAAC,MAAK,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,aAAY,EAAC,QAAO,kBAAiB,SAAQ,iBAAgB,GAAE,UAAS,EAAC,MAAK,iBAAgB,GAAE,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,UAAS,OAAM,aAAY,WAAU,UAAS,OAAM,MAAK,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,gBAAgB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,UAAS,GAAE,gBAAgB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,YAAW,GAAE,gBAAgB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/editors/base-code-editor/configuration/getDefaultConfigurations.js

@@ -194,9 +194,10 @@ const getDefaultConfiguration = (intlProps, options = {
         borderRadius: Borders.Radius.Field.Default
       },
       ".cm-tooltip.cm-tooltip-autocomplete li[aria-selected]": {
-        boxShadow: `inset 0 0 0 ${Borders.Width.Emphasized} ${Colors.Border.Neutral.Accent}, inset 0 0 0 calc(${Borders.Width.Emphasized} + 1px) ${Colors.Border.Neutral.Default}`,
-        backgroundColor: "transparent",
-        color: Colors.Text.Neutral.Default
+        transition: "none",
+        borderRadius: Borders.Radius.Field.Default,
+        boxShadow: `inset 0 0 0 ${Borders.Width.Default} ${Colors.Border.Neutral.Accent}`,
+        backgroundColor: Colors.Background.Field.Neutral.DefaultHover
       },
       ".cm-tooltip.cm-tooltip-autocomplete li[aria-selected]:focus-visible": {
         outline: "none"

package/esm/editors/base-code-editor/configuration/getDefaultConfigurations.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/base-code-editor/configuration/getDefaultConfigurations.tsx"],
-  "sourcesContent": ["import {\n  autocompletion,\n  closeBrackets,\n  completionStatus,\n} from '@codemirror/autocomplete';\nimport { history } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { highlightSelectionMatches } from '@codemirror/search';\nimport { EditorState, Extension } from '@codemirror/state';\nimport {\n  closeHoverTooltips,\n  EditorView,\n  gutter,\n  GutterMarker,\n  hasHoverTooltips,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  lineNumbers,\n  rectangularSelection,\n  tooltips,\n} from '@codemirror/view';\nimport { classHighlighter } from '@lezer/highlight';\nimport { type ReactNode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport BoxShadows from '@dynatrace/strato-design-tokens/box-shadows';\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\nimport { ChevronDownSmallIcon } from '@dynatrace/strato-icons';\n\nimport { Text } from '../../../typography/text/Text.js';\nimport type { Suggestion } from '../auto-completion/autocompletion.extension.js';\nimport * as editorStyles from '../BaseCodeEditor.sty.js';\nimport { baseCodeEditorContentTestId, dataTestId } from '../testIds.js';\nimport type { IntlProps } from '../utils/render-node.js';\nimport { render } from '../utils/render-node.js';\n\nconst Source = (source: string) => () =>\n  (\n    <Text fontStyle=\"code\" textStyle=\"small-emphasized\" style={{ width: 30 }}>\n      {source}\n    </Text>\n  );\n\nconst Type = (type: string) => () =>\n  (\n    <Text\n      fontStyle=\"code\"\n      textStyle=\"base\"\n      as=\"span\"\n      className={editorStyles.autocompletionTypeText}\n    >\n      {type}\n    </Text>\n  );\n\n// add options object + required\nexport const getDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' } = {\n    required: false,\n    size: 'default',\n  },\n): Extension[] => {\n  const isSizeDefault = options.size === 'default';\n  return [\n    history(),\n    EditorState.allowMultipleSelections.of(true),\n    bracketMatching(),\n    closeBrackets(),\n    autocompletion({\n      closeOnBlur: false,\n      icons: false,\n      optionClass: (completion) => {\n        return completion.type ? `cm-completionOption-${completion.type}` : '';\n      },\n      addToOptions: [\n        {\n          position: 0,\n          render: (): Node => {\n            const marker = document.createElement('span');\n            marker.setAttribute('aria-hidden', 'true');\n            marker.style.display = 'none';\n            // At the time `render` is called by CodeMirror, the returned node has not yet been\n            // inserted into the DOM, so `marker.parentElement` is still `null`.\n            // `queueMicrotask` defers the attribute assignment to the next microtask checkpoint,\n            // by which point CodeMirror has already appended the node and the parent `<li>` element\n            // is available. This lets us tag each suggestion row with `data-dt-name` for\n            // behavior tracking.\n            queueMicrotask(() => {\n              marker.parentElement?.setAttribute('data-dt-name', 'Suggestion');\n            });\n            return marker;\n          },\n        },\n        {\n          position: 21,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.prefix === 'string'\n                ? Source(completion.prefix)\n                : completion.prefix,\n              intlProps,\n            ),\n        },\n        {\n          position: 51,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.postfix === 'string'\n                ? Type(completion.postfix)\n                : completion.postfix,\n              intlProps,\n            ),\n        },\n      ],\n    }),\n    linter(() => []), // empty linter to enable theme for linter errors\n    syntaxHighlighting(classHighlighter),\n    rectangularSelection(),\n    highlightActiveLine(),\n    highlightActiveLineGutter(),\n    highlightSelectionMatches(),\n    EditorView.contentAttributes.of({\n      [dataTestId]: baseCodeEditorContentTestId,\n      'aria-haspopup': 'listbox',\n      'aria-required': options.required ? 'true' : 'false',\n    }),\n    EditorView.updateListener.of((update) => {\n      // prevent hover tooltips and autocompletion to be open at the same time\n      // if hover tooltips are visible and the autocompletion was opened\n      // then close the hover tooltips\n      if (\n        hasHoverTooltips(update.state) &&\n        completionStatus(update.state) !== null\n      ) {\n        update.view.dispatch({\n          effects: closeHoverTooltips,\n        });\n      }\n    }),\n    // By default the `DQLEditor` tooltip has `position: fixed` except for when the editor is placed\n    // inside a transformed element. In that case, the tooltip has `position: absolute` and is cut off\n    // in some scenarios due to the new stacking context created by the transformed element.\n    // This extension ensures that the tooltip remains visible / is never cut off.\n    tooltips({ parent: document.body }),\n    EditorView.baseTheme({\n      '.cm-tooltip': {\n        background: `${Colors.Background.Surface.Default} !important`,\n        color: Colors.Text.Neutral.Default,\n        maxWidth: '500px',\n        padding: Spacings.Size4,\n        borderRadius: Borders.Radius.Surface.Subdued,\n        boxShadow: BoxShadows.Surface.Floating.Rest,\n        border: 'none !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete': {\n        width: '500px',\n      },\n\n      '.cm-tooltip-below': {\n        marginTop: ` ${Spacings.Size4}`,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section': {\n        whiteSpace: 'normal',\n        textOverflow: 'initial',\n        wordBreak: 'normal',\n        overflowWrap: 'anywhere',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section:has(+ li[role=\"option\"].cm-empty-option)':\n        {\n          borderBottom: '0 !important',\n        },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"]': {\n        display: 'flex',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-start',\n        alignItems: 'center',\n        gap: Spacings.Size4,\n        padding: `${Spacings.Size6} ${Spacings.Size12} !important`,\n      },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"].cm-empty-option': {\n        visibility: 'hidden',\n        height: 0,\n        overflow: 'hidden',\n        fontSize: 0,\n        lineHeight: 0,\n        padding: '0 !important',\n        margin: 0,\n      },\n\n      '.cm-completionLabel': {\n        fontSize: isSizeDefault\n          ? Typography.Code.Base.Default.Size\n          : Typography.Code.Small.Default.Size,\n        fontFamily: isSizeDefault\n          ? Typography.Code.Base.Default.Family\n          : Typography.Code.Small.Default.Family,\n        color: Colors.Text.Neutral.Default,\n        fontWeight: Typography.Code.Base.Default.Weight,\n        lineHeight: Typography.Code.Base.Default.LineHeight,\n        textDecoration: Typography.Code.Base.Default.TextDecoration,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        textTransform: Typography.Code.Base.Default.TextTransform as any,\n        flexGrow: 3,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n\n      '.cm-tooltip.cm-tooltip-hover': {\n        minWidth: 'auto',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul': {\n        maxHeight: '20em !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {\n        position: 'relative',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li::after': {\n        position: 'absolute',\n        /* Required or else the outline would be cut off by the listbox boundaries */\n        inset: Spacings.Size2,\n        borderRadius: 'inherit',\n        content: ' ',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li': {\n        borderRadius: Borders.Radius.Field.Default,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]': {\n        boxShadow: `inset 0 0 0 ${Borders.Width.Emphasized} ${Colors.Border.Neutral.Accent}, inset 0 0 0 calc(${Borders.Width.Emphasized} + 1px) ${Colors.Border.Neutral.Default}`,\n        backgroundColor: 'transparent',\n        color: Colors.Text.Neutral.Default,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]:focus-visible': {\n        outline: 'none',\n      },\n\n      '.cm-tooltip.cm-completionInfo': {\n        padding: `calc(${Spacings.Size4} + ${Spacings.Size6}) ${Spacings.Size16} !important`,\n        marginLeft: Spacings.Size4,\n        marginRight: Spacings.Size4,\n        maxWidth: '500px',\n        minWidth: '200px',\n      },\n\n      '.cm-tooltip-autocomplete > ul > li.cm-completionOption-action > div': {\n        width: '100%',\n      },\n\n      '.cm-completionOption-action .cm-completionLabel': {\n        display: 'none',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li:hover': {\n        backgroundColor: `${Colors.Background.Field.Neutral.DefaultHover}`,\n      },\n    }),\n  ];\n};\n\n/**\n * @internal\n */\nexport const getSingleLineDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' },\n): Extension[] => {\n  return [\n    EditorState.transactionFilter.of((tr) => (tr.newDoc.lines > 1 ? [] : [tr])),\n    ...getDefaultConfiguration(intlProps, options),\n  ];\n};\n\n/**\n * @public\n */\nexport type GutterConfiguration = {\n  lineNumber: number;\n  marker: ReactNode;\n};\n\n/**\n * @internal\n */\nexport const getMultipleLinesDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: {\n    gutterConfiguration?: GutterConfiguration;\n    required: boolean;\n    size: 'default' | 'condensed';\n  },\n): Extension[] => {\n  const { required, gutterConfiguration, size } = options;\n\n  return [\n    lineNumbers(),\n    foldGutter({\n      markerDOM: (open) => {\n        const element = document.createElement('div');\n        element.style.display = 'flex';\n        element.style.alignItems = 'center';\n        element.style.marginTop = '2px';\n        element.style.transform = 'rotate(-90deg)';\n        element.style.cursor = 'pointer';\n        element.style.minWidth = '16px';\n        element.style.minHeight = '16px';\n\n        if (open) {\n          element.style.transform = 'rotate(0deg)';\n        }\n\n        const root = createRoot(element);\n        root.render(\n          <ChevronDownSmallIcon\n            size=\"small\"\n            style={{ width: Spacings.Size16, height: Spacings.Size16 }}\n          />,\n        );\n\n        return element;\n      },\n    }),\n    gutter({\n      lineMarker: (view, line) => {\n        // Skip rendering when the editor is empty or no gutter configuration was provided.\n        const length = view.state.doc.length;\n        if (length === 0 || !gutterConfiguration) {\n          return null;\n        }\n\n        const { lineNumber, marker } = gutterConfiguration;\n\n        // Guard against out-of-bounds line numbers (e.g. 0, negative, or beyond\n        // the last line). `view.state.doc.line()` below would throw for such values.\n        if (lineNumber < 1 || lineNumber > view.state.doc.lines) {\n          return null;\n        }\n\n        // Resolve the character range of the target line and only render the\n        // marker on the gutter cell that belongs to exactly that line.\n        const { from, to } = view.state.doc.line(lineNumber);\n        return line.from === from && line.to === to\n          ? new (class extends GutterMarker {\n              toDOM() {\n                const element = document.createElement('div');\n                const root = createRoot(element);\n                root.render(marker);\n                return element;\n              }\n            })()\n          : null;\n      },\n    }),\n    ...getDefaultConfiguration(intlProps, { required, size }),\n  ];\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  autocompletion,\n  closeBrackets,\n  completionStatus,\n} from '@codemirror/autocomplete';\nimport { history } from '@codemirror/commands';\nimport {\n  bracketMatching,\n  foldGutter,\n  syntaxHighlighting,\n} from '@codemirror/language';\nimport { linter } from '@codemirror/lint';\nimport { highlightSelectionMatches } from '@codemirror/search';\nimport { EditorState, Extension } from '@codemirror/state';\nimport {\n  closeHoverTooltips,\n  EditorView,\n  gutter,\n  GutterMarker,\n  hasHoverTooltips,\n  highlightActiveLine,\n  highlightActiveLineGutter,\n  lineNumbers,\n  rectangularSelection,\n  tooltips,\n} from '@codemirror/view';\nimport { classHighlighter } from '@lezer/highlight';\nimport { type ReactNode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport Borders from '@dynatrace/strato-design-tokens/borders';\nimport BoxShadows from '@dynatrace/strato-design-tokens/box-shadows';\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport Typography from '@dynatrace/strato-design-tokens/typography';\nimport { ChevronDownSmallIcon } from '@dynatrace/strato-icons';\n\nimport { Text } from '../../../typography/text/Text.js';\nimport type { Suggestion } from '../auto-completion/autocompletion.extension.js';\nimport * as editorStyles from '../BaseCodeEditor.sty.js';\nimport { baseCodeEditorContentTestId, dataTestId } from '../testIds.js';\nimport type { IntlProps } from '../utils/render-node.js';\nimport { render } from '../utils/render-node.js';\n\nconst Source = (source: string) => () =>\n  (\n    <Text fontStyle=\"code\" textStyle=\"small-emphasized\" style={{ width: 30 }}>\n      {source}\n    </Text>\n  );\n\nconst Type = (type: string) => () =>\n  (\n    <Text\n      fontStyle=\"code\"\n      textStyle=\"base\"\n      as=\"span\"\n      className={editorStyles.autocompletionTypeText}\n    >\n      {type}\n    </Text>\n  );\n\n// add options object + required\nexport const getDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' } = {\n    required: false,\n    size: 'default',\n  },\n): Extension[] => {\n  const isSizeDefault = options.size === 'default';\n  return [\n    history(),\n    EditorState.allowMultipleSelections.of(true),\n    bracketMatching(),\n    closeBrackets(),\n    autocompletion({\n      closeOnBlur: false,\n      icons: false,\n      optionClass: (completion) => {\n        return completion.type ? `cm-completionOption-${completion.type}` : '';\n      },\n      addToOptions: [\n        {\n          position: 0,\n          render: (): Node => {\n            const marker = document.createElement('span');\n            marker.setAttribute('aria-hidden', 'true');\n            marker.style.display = 'none';\n            // At the time `render` is called by CodeMirror, the returned node has not yet been\n            // inserted into the DOM, so `marker.parentElement` is still `null`.\n            // `queueMicrotask` defers the attribute assignment to the next microtask checkpoint,\n            // by which point CodeMirror has already appended the node and the parent `<li>` element\n            // is available. This lets us tag each suggestion row with `data-dt-name` for\n            // behavior tracking.\n            queueMicrotask(() => {\n              marker.parentElement?.setAttribute('data-dt-name', 'Suggestion');\n            });\n            return marker;\n          },\n        },\n        {\n          position: 21,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.prefix === 'string'\n                ? Source(completion.prefix)\n                : completion.prefix,\n              intlProps,\n            ),\n        },\n        {\n          position: 51,\n          render: (completion: Suggestion) =>\n            render(\n              completion,\n              typeof completion.postfix === 'string'\n                ? Type(completion.postfix)\n                : completion.postfix,\n              intlProps,\n            ),\n        },\n      ],\n    }),\n    linter(() => []), // empty linter to enable theme for linter errors\n    syntaxHighlighting(classHighlighter),\n    rectangularSelection(),\n    highlightActiveLine(),\n    highlightActiveLineGutter(),\n    highlightSelectionMatches(),\n    EditorView.contentAttributes.of({\n      [dataTestId]: baseCodeEditorContentTestId,\n      'aria-haspopup': 'listbox',\n      'aria-required': options.required ? 'true' : 'false',\n    }),\n    EditorView.updateListener.of((update) => {\n      // prevent hover tooltips and autocompletion to be open at the same time\n      // if hover tooltips are visible and the autocompletion was opened\n      // then close the hover tooltips\n      if (\n        hasHoverTooltips(update.state) &&\n        completionStatus(update.state) !== null\n      ) {\n        update.view.dispatch({\n          effects: closeHoverTooltips,\n        });\n      }\n    }),\n    // By default the `DQLEditor` tooltip has `position: fixed` except for when the editor is placed\n    // inside a transformed element. In that case, the tooltip has `position: absolute` and is cut off\n    // in some scenarios due to the new stacking context created by the transformed element.\n    // This extension ensures that the tooltip remains visible / is never cut off.\n    tooltips({ parent: document.body }),\n    EditorView.baseTheme({\n      '.cm-tooltip': {\n        background: `${Colors.Background.Surface.Default} !important`,\n        color: Colors.Text.Neutral.Default,\n        maxWidth: '500px',\n        padding: Spacings.Size4,\n        borderRadius: Borders.Radius.Surface.Subdued,\n        boxShadow: BoxShadows.Surface.Floating.Rest,\n        border: 'none !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete': {\n        width: '500px',\n      },\n\n      '.cm-tooltip-below': {\n        marginTop: ` ${Spacings.Size4}`,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section': {\n        whiteSpace: 'normal',\n        textOverflow: 'initial',\n        wordBreak: 'normal',\n        overflowWrap: 'anywhere',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > completion-section:has(+ li[role=\"option\"].cm-empty-option)':\n        {\n          borderBottom: '0 !important',\n        },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"]': {\n        display: 'flex',\n        flexWrap: 'wrap',\n        justifyContent: 'flex-start',\n        alignItems: 'center',\n        gap: Spacings.Size4,\n        padding: `${Spacings.Size6} ${Spacings.Size12} !important`,\n      },\n\n      '.cm-tooltip-autocomplete > ul > li[role=\"option\"].cm-empty-option': {\n        visibility: 'hidden',\n        height: 0,\n        overflow: 'hidden',\n        fontSize: 0,\n        lineHeight: 0,\n        padding: '0 !important',\n        margin: 0,\n      },\n\n      '.cm-completionLabel': {\n        fontSize: isSizeDefault\n          ? Typography.Code.Base.Default.Size\n          : Typography.Code.Small.Default.Size,\n        fontFamily: isSizeDefault\n          ? Typography.Code.Base.Default.Family\n          : Typography.Code.Small.Default.Family,\n        color: Colors.Text.Neutral.Default,\n        fontWeight: Typography.Code.Base.Default.Weight,\n        lineHeight: Typography.Code.Base.Default.LineHeight,\n        textDecoration: Typography.Code.Base.Default.TextDecoration,\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        textTransform: Typography.Code.Base.Default.TextTransform as any,\n        flexGrow: 3,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      },\n\n      '.cm-tooltip.cm-tooltip-hover': {\n        minWidth: 'auto',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul': {\n        maxHeight: '20em !important',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li': {\n        position: 'relative',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete > ul > li::after': {\n        position: 'absolute',\n        /* Required or else the outline would be cut off by the listbox boundaries */\n        inset: Spacings.Size2,\n        borderRadius: 'inherit',\n        content: ' ',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li': {\n        borderRadius: Borders.Radius.Field.Default,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]': {\n        transition: 'none',\n        borderRadius: Borders.Radius.Field.Default,\n        boxShadow: `inset 0 0 0 ${Borders.Width.Default} ${Colors.Border.Neutral.Accent}`,\n        backgroundColor: Colors.Background.Field.Neutral.DefaultHover,\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li[aria-selected]:focus-visible': {\n        outline: 'none',\n      },\n\n      '.cm-tooltip.cm-completionInfo': {\n        padding: `calc(${Spacings.Size4} + ${Spacings.Size6}) ${Spacings.Size16} !important`,\n        marginLeft: Spacings.Size4,\n        marginRight: Spacings.Size4,\n        maxWidth: '500px',\n        minWidth: '200px',\n      },\n\n      '.cm-tooltip-autocomplete > ul > li.cm-completionOption-action > div': {\n        width: '100%',\n      },\n\n      '.cm-completionOption-action .cm-completionLabel': {\n        display: 'none',\n      },\n\n      '.cm-tooltip.cm-tooltip-autocomplete li:hover': {\n        backgroundColor: `${Colors.Background.Field.Neutral.DefaultHover}`,\n      },\n    }),\n  ];\n};\n\n/**\n * @internal\n */\nexport const getSingleLineDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: { required: boolean; size: 'default' | 'condensed' },\n): Extension[] => {\n  return [\n    EditorState.transactionFilter.of((tr) => (tr.newDoc.lines > 1 ? [] : [tr])),\n    ...getDefaultConfiguration(intlProps, options),\n  ];\n};\n\n/**\n * @public\n */\nexport type GutterConfiguration = {\n  lineNumber: number;\n  marker: ReactNode;\n};\n\n/**\n * @internal\n */\nexport const getMultipleLinesDefaultConfiguration = (\n  intlProps: IntlProps,\n  options: {\n    gutterConfiguration?: GutterConfiguration;\n    required: boolean;\n    size: 'default' | 'condensed';\n  },\n): Extension[] => {\n  const { required, gutterConfiguration, size } = options;\n\n  return [\n    lineNumbers(),\n    foldGutter({\n      markerDOM: (open) => {\n        const element = document.createElement('div');\n        element.style.display = 'flex';\n        element.style.alignItems = 'center';\n        element.style.marginTop = '2px';\n        element.style.transform = 'rotate(-90deg)';\n        element.style.cursor = 'pointer';\n        element.style.minWidth = '16px';\n        element.style.minHeight = '16px';\n\n        if (open) {\n          element.style.transform = 'rotate(0deg)';\n        }\n\n        const root = createRoot(element);\n        root.render(\n          <ChevronDownSmallIcon\n            size=\"small\"\n            style={{ width: Spacings.Size16, height: Spacings.Size16 }}\n          />,\n        );\n\n        return element;\n      },\n    }),\n    gutter({\n      lineMarker: (view, line) => {\n        // Skip rendering when the editor is empty or no gutter configuration was provided.\n        const length = view.state.doc.length;\n        if (length === 0 || !gutterConfiguration) {\n          return null;\n        }\n\n        const { lineNumber, marker } = gutterConfiguration;\n\n        // Guard against out-of-bounds line numbers (e.g. 0, negative, or beyond\n        // the last line). `view.state.doc.line()` below would throw for such values.\n        if (lineNumber < 1 || lineNumber > view.state.doc.lines) {\n          return null;\n        }\n\n        // Resolve the character range of the target line and only render the\n        // marker on the gutter cell that belongs to exactly that line.\n        const { from, to } = view.state.doc.line(lineNumber);\n        return line.from === from && line.to === to\n          ? new (class extends GutterMarker {\n              toDOM() {\n                const element = document.createElement('div');\n                const root = createRoot(element);\n                root.render(marker);\n                return element;\n              }\n            })()\n          : null;\n      },\n    }),\n    ...getDefaultConfiguration(intlProps, { required, size }),\n  ];\n};\n"],
+  "mappings": "AA8CI;AA9CJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,iCAAiC;AAC1C,SAAS,mBAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAEjC,SAAS,kBAAkB;AAE3B,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,SAAS,4BAA4B;AAErC,SAAS,YAAY;AAErB,YAAY,kBAAkB;AAC9B,SAAS,6BAA6B,kBAAkB;AAExD,SAAS,cAAc;AAEvB,MAAM,SAAS,CAAC,WAAmB,MAE/B,oBAAC,QAAK,WAAU,QAAO,WAAU,oBAAmB,OAAO,EAAE,OAAO,GAAG,GACpE,kBACH;AAGJ,MAAM,OAAO,CAAC,SAAiB,MAE3B;AAAA,EAAC;AAAA;AAAA,IACC,WAAU;AAAA,IACV,WAAU;AAAA,IACV,IAAG;AAAA,IACH,WAAW,aAAa;AAAA,IAEvB;AAAA;AACH;AAIG,MAAM,0BAA0B,CACrC,WACA,UAAgE;AAAA,EAC9D,UAAU;AAAA,EACV,MAAM;AACR,MACgB;AAChB,QAAM,gBAAgB,QAAQ,SAAS;AACvC,SAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY,wBAAwB,GAAG,IAAI;AAAA,IAC3C,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,eAAe;AAAA,MACb,aAAa;AAAA,MACb,OAAO;AAAA,MACP,aAAa,CAAC,eAAe;AAC3B,eAAO,WAAW,OAAO,uBAAuB,WAAW,IAAI,KAAK;AAAA,MACtE;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,UACE,UAAU;AAAA,UACV,QAAQ,MAAY;AAClB,kBAAM,SAAS,SAAS,cAAc,MAAM;AAC5C,mBAAO,aAAa,eAAe,MAAM;AACzC,mBAAO,MAAM,UAAU;AAOvB,2BAAe,MAAM;AACnB,qBAAO,eAAe,aAAa,gBAAgB,YAAY;AAAA,YACjE,CAAC;AACD,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,QACA;AAAA,UACE,UAAU;AAAA,UACV,QAAQ,CAAC,eACP;AAAA,YACE;AAAA,YACA,OAAO,WAAW,WAAW,WACzB,OAAO,WAAW,MAAM,IACxB,WAAW;AAAA,YACf;AAAA,UACF;AAAA,QACJ;AAAA,QACA;AAAA,UACE,UAAU;AAAA,UACV,QAAQ,CAAC,eACP;AAAA,YACE;AAAA,YACA,OAAO,WAAW,YAAY,WAC1B,KAAK,WAAW,OAAO,IACvB,WAAW;AAAA,YACf;AAAA,UACF;AAAA,QACJ;AAAA,MACF;AAAA,IACF,CAAC;AAAA,IACD,OAAO,MAAM,CAAC,CAAC;AAAA;AAAA,IACf,mBAAmB,gBAAgB;AAAA,IACnC,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,0BAA0B;AAAA,IAC1B,0BAA0B;AAAA,IAC1B,WAAW,kBAAkB,GAAG;AAAA,MAC9B,CAAC,UAAU,GAAG;AAAA,MACd,iBAAiB;AAAA,MACjB,iBAAiB,QAAQ,WAAW,SAAS;AAAA,IAC/C,CAAC;AAAA,IACD,WAAW,eAAe,GAAG,CAAC,WAAW;AAIvC,UACE,iBAAiB,OAAO,KAAK,KAC7B,iBAAiB,OAAO,KAAK,MAAM,MACnC;AACA,eAAO,KAAK,SAAS;AAAA,UACnB,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKD,SAAS,EAAE,QAAQ,SAAS,KAAK,CAAC;AAAA,IAClC,WAAW,UAAU;AAAA,MACnB,eAAe;AAAA,QACb,YAAY,GAAG,OAAO,WAAW,QAAQ,OAAO;AAAA,QAChD,OAAO,OAAO,KAAK,QAAQ;AAAA,QAC3B,UAAU;AAAA,QACV,SAAS,SAAS;AAAA,QAClB,cAAc,QAAQ,OAAO,QAAQ;AAAA,QACrC,WAAW,WAAW,QAAQ,SAAS;AAAA,QACvC,QAAQ;AAAA,MACV;AAAA,MAEA,uCAAuC;AAAA,QACrC,OAAO;AAAA,MACT;AAAA,MAEA,qBAAqB;AAAA,QACnB,WAAW,IAAI,SAAS,KAAK;AAAA,MAC/B;AAAA,MAEA,iEAAiE;AAAA,QAC/D,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,WAAW;AAAA,QACX,cAAc;AAAA,MAChB;AAAA,MAEA,0GACE;AAAA,QACE,cAAc;AAAA,MAChB;AAAA,MAEF,qDAAqD;AAAA,QACnD,SAAS;AAAA,QACT,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK,SAAS;AAAA,QACd,SAAS,GAAG,SAAS,KAAK,IAAI,SAAS,MAAM;AAAA,MAC/C;AAAA,MAEA,qEAAqE;AAAA,QACnE,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MAEA,uBAAuB;AAAA,QACrB,UAAU,gBACN,WAAW,KAAK,KAAK,QAAQ,OAC7B,WAAW,KAAK,MAAM,QAAQ;AAAA,QAClC,YAAY,gBACR,WAAW,KAAK,KAAK,QAAQ,SAC7B,WAAW,KAAK,MAAM,QAAQ;AAAA,QAClC,OAAO,OAAO,KAAK,QAAQ;AAAA,QAC3B,YAAY,WAAW,KAAK,KAAK,QAAQ;AAAA,QACzC,YAAY,WAAW,KAAK,KAAK,QAAQ;AAAA,QACzC,gBAAgB,WAAW,KAAK,KAAK,QAAQ;AAAA;AAAA,QAE7C,eAAe,WAAW,KAAK,KAAK,QAAQ;AAAA,QAC5C,UAAU;AAAA,QACV,UAAU;AAAA,QACV,cAAc;AAAA,MAChB;AAAA,MAEA,gCAAgC;AAAA,QAC9B,UAAU;AAAA,MACZ;AAAA,MAEA,4CAA4C;AAAA,QAC1C,WAAW;AAAA,MACb;AAAA,MAEA,iDAAiD;AAAA,QAC/C,UAAU;AAAA,MACZ;AAAA,MAEA,wDAAwD;AAAA,QACtD,UAAU;AAAA;AAAA,QAEV,OAAO,SAAS;AAAA,QAChB,cAAc;AAAA,QACd,SAAS;AAAA,MACX;AAAA,MAEA,0CAA0C;AAAA,QACxC,cAAc,QAAQ,OAAO,MAAM;AAAA,MACrC;AAAA,MAEA,yDAAyD;AAAA,QACvD,YAAY;AAAA,QACZ,cAAc,QAAQ,OAAO,MAAM;AAAA,QACnC,WAAW,eAAe,QAAQ,MAAM,OAAO,IAAI,OAAO,OAAO,QAAQ,MAAM;AAAA,QAC/E,iBAAiB,OAAO,WAAW,MAAM,QAAQ;AAAA,MACnD;AAAA,MAEA,uEAAuE;AAAA,QACrE,SAAS;AAAA,MACX;AAAA,MAEA,iCAAiC;AAAA,QAC/B,SAAS,QAAQ,SAAS,KAAK,MAAM,SAAS,KAAK,KAAK,SAAS,MAAM;AAAA,QACvE,YAAY,SAAS;AAAA,QACrB,aAAa,SAAS;AAAA,QACtB,UAAU;AAAA,QACV,UAAU;AAAA,MACZ;AAAA,MAEA,uEAAuE;AAAA,QACrE,OAAO;AAAA,MACT;AAAA,MAEA,mDAAmD;AAAA,QACjD,SAAS;AAAA,MACX;AAAA,MAEA,gDAAgD;AAAA,QAC9C,iBAAiB,GAAG,OAAO,WAAW,MAAM,QAAQ,YAAY;AAAA,MAClE;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAKO,MAAM,oCAAoC,CAC/C,WACA,YACgB;AAChB,SAAO;AAAA,IACL,YAAY,kBAAkB,GAAG,CAAC,OAAQ,GAAG,OAAO,QAAQ,IAAI,CAAC,IAAI,CAAC,EAAE,CAAE;AAAA,IAC1E,GAAG,wBAAwB,WAAW,OAAO;AAAA,EAC/C;AACF;AAaO,MAAM,uCAAuC,CAClD,WACA,YAKgB;AAChB,QAAM,EAAE,UAAU,qBAAqB,KAAK,IAAI;AAEhD,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,WAAW;AAAA,MACT,WAAW,CAAC,SAAS;AACnB,cAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,gBAAQ,MAAM,UAAU;AACxB,gBAAQ,MAAM,aAAa;AAC3B,gBAAQ,MAAM,YAAY;AAC1B,gBAAQ,MAAM,YAAY;AAC1B,gBAAQ,MAAM,SAAS;AACvB,gBAAQ,MAAM,WAAW;AACzB,gBAAQ,MAAM,YAAY;AAE1B,YAAI,MAAM;AACR,kBAAQ,MAAM,YAAY;AAAA,QAC5B;AAEA,cAAM,OAAO,WAAW,OAAO;AAC/B,aAAK;AAAA,UACH;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,SAAS,OAAO;AAAA;AAAA,UAC3D;AAAA,QACF;AAEA,eAAO;AAAA,MACT;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AAAA,MACL,YAAY,CAAC,MAAM,SAAS;AAE1B,cAAM,SAAS,KAAK,MAAM,IAAI;AAC9B,YAAI,WAAW,KAAK,CAAC,qBAAqB;AACxC,iBAAO;AAAA,QACT;AAEA,cAAM,EAAE,YAAY,OAAO,IAAI;AAI/B,YAAI,aAAa,KAAK,aAAa,KAAK,MAAM,IAAI,OAAO;AACvD,iBAAO;AAAA,QACT;AAIA,cAAM,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,IAAI,KAAK,UAAU;AACnD,eAAO,KAAK,SAAS,QAAQ,KAAK,OAAO,KACrC,IAAK,cAAc,aAAa;AAAA,UAC9B,QAAQ;AACN,kBAAM,UAAU,SAAS,cAAc,KAAK;AAC5C,kBAAM,OAAO,WAAW,OAAO;AAC/B,iBAAK,OAAO,MAAM;AAClB,mBAAO;AAAA,UACT;AAAA,QACF,EAAG,IACH;AAAA,MACN;AAAA,IACF,CAAC;AAAA,IACD,GAAG,wBAAwB,WAAW,EAAE,UAAU,KAAK,CAAC;AAAA,EAC1D;AACF;",
   "names": []
 }

package/esm/editors/dql-editor/dql/SuggestionPart.css

@@ -1,4 +1,4 @@
-._yhio8f0-3-4-1 {
+._yhio8f0-3-5-2 {
   display: inline;
   margin-right: 0.5ch;
 }

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionPart.css";
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-4-1";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-5-2";
 export {
   suggestionPartSectionInfoCSS
 };

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionPart.css.ts"],
-  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-4-1';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,+BAA+B;",
   "names": []
 }