@dynatrace/strato-components 3.10.1 → 3.10.4

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

@@ -1,4 +1,4 @@
-@keyframes _mvxq7yj-3-10-1 {
+@keyframes _mvxq7yj-3-10-4 {
   0% {
     background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   }
@@ -9,247 +9,247 @@
     background-color: transparent;
   }
 }
-._mvxq7yk-3-10-1 {
-  --_mvxq7y0-3-10-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7y1-3-10-1: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
-  --_mvxq7y2-3-10-1: var(--dt-colors-border-neutral-default-active, #c6c7d5);
-  --_mvxq7y7-3-10-1: var(--dt-colors-text-neutral-subdued, #595a7d);
-  --_mvxq7y8-3-10-1: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
-  --_mvxq7y9-3-10-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7yb-3-10-1: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_mvxq7yf-3-10-1: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_mvxq7yg-3-10-1: var(--dt-colors-border-neutral-accent, #595a7d);
-  --_mvxq7yh-3-10-1: var(--dt-colors-border-neutral-default, #dadbe4);
-  --_mvxq7yi-3-10-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._mvxq7yk-3-10-4 {
+  --_mvxq7y0-3-10-4: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7y1-3-10-4: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
+  --_mvxq7y2-3-10-4: var(--dt-colors-border-neutral-default-active, #c6c7d5);
+  --_mvxq7y7-3-10-4: var(--dt-colors-text-neutral-subdued, #595a7d);
+  --_mvxq7y8-3-10-4: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
+  --_mvxq7y9-3-10-4: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7yb-3-10-4: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_mvxq7yf-3-10-4: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_mvxq7yg-3-10-4: var(--dt-colors-border-neutral-accent, #595a7d);
+  --_mvxq7yh-3-10-4: var(--dt-colors-border-neutral-default, #dadbe4);
+  --_mvxq7yi-3-10-4: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   width: 100%;
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._mvxq7ym-3-10-1 {
-  --_mvxq7y3-3-10-1: 100%;
+._mvxq7ym-3-10-4 {
+  --_mvxq7y3-3-10-4: 100%;
   display: flex;
   max-height: 100%;
   min-height: 100%;
   flex-grow: 1;
 }
-._mvxq7yn-3-10-1 {
-  --_mvxq7y7-3-10-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7y8-3-10-1: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
-  --_mvxq7y9-3-10-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7yb-3-10-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7yf-3-10-1: var(--dt-colors-text-critical-default, #bb0731);
-  --_mvxq7yg-3-10-1: var(--dt-colors-border-critical-accent, #bb0731);
-  --_mvxq7yh-3-10-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7yi-3-10-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-}
-._mvxq7yo-3-10-1 {
-  --_mvxq7ye-3-10-1: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7yr-3-10-1 {
-  --_mvxq7y4-3-10-1: var(--dt-typography-code-base-default-size, 14px);
-  --_mvxq7y5-3-10-1: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
-  --_mvxq7ya-3-10-1: 33px;
-  --_mvxq7yd-3-10-1: 0 0 0 var(--dt-spacings-size-16, 16px);
-  --_mvxq7ye-3-10-1: var(--dt-spacings-size-12, 12px);
-  --_mvxq7y6-3-10-1: var(--dt-typography-code-base-default-line-height, 1.4285714286);
-  --_mvxq7yc-3-10-1: var(--dt-spacings-size-16, 16px);
-}
-._mvxq7ys-3-10-1 {
-  --_mvxq7y4-3-10-1: var(--dt-typography-code-small-default-size, 12px);
-  --_mvxq7y5-3-10-1: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
-  --_mvxq7ya-3-10-1: 27px;
-  --_mvxq7yd-3-10-1: 0 0 0 var(--dt-spacings-size-12, 12px);
-  --_mvxq7ye-3-10-1: var(--dt-spacings-size-6, 6px);
-  --_mvxq7y6-3-10-1: var(--dt-typography-code-small-default-line-height, 1.333333333);
-  --_mvxq7yc-3-10-1: var(--dt-spacings-size-12, 12px);
-}
-._mvxq7yt-3-10-1 {
-  --_mvxq7y0-3-10-1: var(--dt-colors-border-critical-default, #f6d6d5);
-  --_mvxq7y1-3-10-1: var(--dt-colors-border-critical-default-hover, #f5cac9);
-  --_mvxq7y2-3-10-1: var(--dt-colors-border-critical-default-active, #f3bebd);
-}
-._mvxq7yu-3-10-1 {
-  --_mvxq7ye-3-10-1: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7yv-3-10-1 {
-  --_mvxq7ye-3-10-1: var(--dt-spacings-size-2, 2px);
-}
-._mvxq7yl-3-10-1 > div {
+._mvxq7yn-3-10-4 {
+  --_mvxq7y7-3-10-4: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7y8-3-10-4: var(--dt-colors-background-container-critical-emphasized, #f8e9e9);
+  --_mvxq7y9-3-10-4: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7yb-3-10-4: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7yf-3-10-4: var(--dt-colors-text-critical-default, #bb0731);
+  --_mvxq7yg-3-10-4: var(--dt-colors-border-critical-accent, #bb0731);
+  --_mvxq7yh-3-10-4: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7yi-3-10-4: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+}
+._mvxq7yo-3-10-4 {
+  --_mvxq7ye-3-10-4: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7yr-3-10-4 {
+  --_mvxq7y4-3-10-4: var(--dt-typography-code-base-default-size, 14px);
+  --_mvxq7y5-3-10-4: var(--dt-typography-code-base-default-family, Roboto Mono,monospace);
+  --_mvxq7ya-3-10-4: 33px;
+  --_mvxq7yd-3-10-4: 0 0 0 var(--dt-spacings-size-16, 16px);
+  --_mvxq7ye-3-10-4: var(--dt-spacings-size-12, 12px);
+  --_mvxq7y6-3-10-4: var(--dt-typography-code-base-default-line-height, 1.4285714286);
+  --_mvxq7yc-3-10-4: var(--dt-spacings-size-16, 16px);
+}
+._mvxq7ys-3-10-4 {
+  --_mvxq7y4-3-10-4: var(--dt-typography-code-small-default-size, 12px);
+  --_mvxq7y5-3-10-4: var(--dt-typography-code-small-default-family, Roboto Mono,monospace);
+  --_mvxq7ya-3-10-4: 27px;
+  --_mvxq7yd-3-10-4: 0 0 0 var(--dt-spacings-size-12, 12px);
+  --_mvxq7ye-3-10-4: var(--dt-spacings-size-6, 6px);
+  --_mvxq7y6-3-10-4: var(--dt-typography-code-small-default-line-height, 1.333333333);
+  --_mvxq7yc-3-10-4: var(--dt-spacings-size-12, 12px);
+}
+._mvxq7yt-3-10-4 {
+  --_mvxq7y0-3-10-4: var(--dt-colors-border-critical-default, #f6d6d5);
+  --_mvxq7y1-3-10-4: var(--dt-colors-border-critical-default-hover, #f5cac9);
+  --_mvxq7y2-3-10-4: var(--dt-colors-border-critical-default-active, #f3bebd);
+}
+._mvxq7yu-3-10-4 {
+  --_mvxq7ye-3-10-4: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7yv-3-10-4 {
+  --_mvxq7ye-3-10-4: var(--dt-spacings-size-2, 2px);
+}
+._mvxq7yl-3-10-4 > div {
   position: relative;
   overflow: visible;
 }
-._mvxq7yl-3-10-1 > div::before {
+._mvxq7yl-3-10-4 > 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-10-1), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-10-1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-10-4), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--_mvxq7yh-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-editor {
+._mvxq7yk-3-10-4 .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-10-1);
-  width: var(--_mvxq7y3-3-10-1);
+  border-color: var(--_mvxq7y0-3-10-4);
+  width: var(--_mvxq7y3-3-10-4);
 }
-._1jgl8s50-3-10-1 ._mvxq7yk-3-10-1 .cm-editor {
+._1jgl8s50-3-10-4 ._mvxq7yk-3-10-4 .cm-editor {
   border-width: var(--dt-borders-width-default, 1px);
 }
-._mvxq7yk-3-10-1 .cm-editor:hover {
-  border-color: var(--_mvxq7y1-3-10-1);
+._mvxq7yk-3-10-4 .cm-editor:hover {
+  border-color: var(--_mvxq7y1-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-editor.cm-focused {
-  border-color: var(--_mvxq7yg-3-10-1);
+._mvxq7yk-3-10-4 .cm-editor.cm-focused {
+  border-color: var(--_mvxq7yg-3-10-4);
 }
-._1jgl8s50-3-10-1 ._mvxq7yk-3-10-1 .cm-editor.cm-focused::before {
+._1jgl8s50-3-10-4 ._mvxq7yk-3-10-4 .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-10-1);
+  box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--_mvxq7yg-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-editor:focus-visible {
+._mvxq7yk-3-10-4 .cm-editor:focus-visible {
   outline: none;
 }
-._mvxq7yk-3-10-1 .cm-editor:active {
-  border-color: var(--_mvxq7y2-3-10-1);
+._mvxq7yk-3-10-4 .cm-editor:active {
+  border-color: var(--_mvxq7y2-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-scroller {
+._mvxq7yk-3-10-4 .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);
 }
-._mvxq7yk-3-10-1 .cm-scroller:focus-visible {
+._mvxq7yk-3-10-4 .cm-scroller:focus-visible {
   outline: none;
 }
-._mvxq7yk-3-10-1 .cm-highlight {
-  animation: _mvxq7yj-3-10-1 var(--dt-timings-slow-moderate, 600ms) var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
+._mvxq7yk-3-10-4 .cm-highlight {
+  animation: _mvxq7yj-3-10-4 var(--dt-timings-slow-moderate, 600ms) var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
   animation-iteration-count: 1;
   border-radius: var(--dt-spacings-size-2, 2px);
 }
-._mvxq7yk-3-10-1 .cm-content, ._mvxq7yk-3-10-1 .cm-gutters {
-  font-size: var(--_mvxq7y4-3-10-1);
-  font-family: var(--_mvxq7y5-3-10-1);
+._mvxq7yk-3-10-4 .cm-content, ._mvxq7yk-3-10-4 .cm-gutters {
+  font-size: var(--_mvxq7y4-3-10-4);
+  font-family: var(--_mvxq7y5-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-content {
+._mvxq7yk-3-10-4 .cm-content {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
-  padding-block: var(--_mvxq7ye-3-10-1);
+  padding-block: var(--_mvxq7ye-3-10-4);
   position: relative;
 }
-._mvxq7yk-3-10-1 .cm-content[data-placeholder]::after {
+._mvxq7yk-3-10-4 .cm-content[data-placeholder]::after {
   content: attr(data-placeholder);
   position: absolute;
-  top: var(--_mvxq7ye-3-10-1);
-  left: var(--_mvxq7yc-3-10-1);
-  right: var(--_mvxq7yc-3-10-1);
+  top: var(--_mvxq7ye-3-10-4);
+  left: var(--_mvxq7yc-3-10-4);
+  right: var(--_mvxq7yc-3-10-4);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
-  line-height: var(--_mvxq7y6-3-10-1);
+  line-height: var(--_mvxq7y6-3-10-4);
   pointer-events: none;
   user-select: none;
   white-space: pre-wrap;
   overflow-wrap: break-word;
 }
-._mvxq7yk-3-10-1 .cm-scroller[data-placeholder-reserved] .cm-line {
+._mvxq7yk-3-10-4 .cm-scroller[data-placeholder-reserved] .cm-line {
   min-height: var(--dt-editor-placeholder-height);
 }
-._mvxq7yk-3-10-1 .cm-scroller[data-placeholder-reserved] {
+._mvxq7yk-3-10-4 .cm-scroller[data-placeholder-reserved] {
   align-items: stretch;
 }
-._mvxq7yk-3-10-1 .cm-gutters {
-  color: var(--_mvxq7y7-3-10-1);
-  background-color: var(--_mvxq7y8-3-10-1);
-  border-color: var(--_mvxq7y9-3-10-1);
+._mvxq7yk-3-10-4 .cm-gutters {
+  color: var(--_mvxq7y7-3-10-4);
+  background-color: var(--_mvxq7y8-3-10-4);
+  border-color: var(--_mvxq7y9-3-10-4);
   border-right-width: var(--dt-borders-width-emphasized, 2px);
   border-right-style: var(--dt-borders-style-default, solid);
   text-align: right;
 }
-._1jgl8s50-3-10-1 ._mvxq7yk-3-10-1 .cm-gutters {
+._1jgl8s50-3-10-4 ._mvxq7yk-3-10-4 .cm-gutters {
   border-right-width: var(--dt-borders-width-default, 1px);
 }
-._mvxq7yk-3-10-1 .cm-lineNumbers {
-  min-width: var(--_mvxq7ya-3-10-1);
+._mvxq7yk-3-10-4 .cm-lineNumbers {
+  min-width: var(--_mvxq7ya-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-focused {
+._mvxq7yk-3-10-4 .cm-focused {
   outline: 0 !important;
 }
-._mvxq7yk-3-10-1 .cm-line {
-  padding-inline: var(--_mvxq7yc-3-10-1);
-  line-height: var(--_mvxq7y6-3-10-1);
-  color: var(--_mvxq7yb-3-10-1);
+._mvxq7yk-3-10-4 .cm-line {
+  padding-inline: var(--_mvxq7yc-3-10-4);
+  line-height: var(--_mvxq7y6-3-10-4);
+  color: var(--_mvxq7yb-3-10-4);
 }
-._mvxq7yk-3-10-1:not(._mvxq7yq-3-10-1):not(._mvxq7yo-3-10-1) .cm-activeLine {
+._mvxq7yk-3-10-4:not(._mvxq7yq-3-10-4):not(._mvxq7yo-3-10-4) .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);
 }
-._mvxq7yk-3-10-1:not(._mvxq7yq-3-10-1):not(._mvxq7yo-3-10-1) .cm-activeLineGutter {
+._mvxq7yk-3-10-4:not(._mvxq7yq-3-10-4):not(._mvxq7yo-3-10-4) .cm-activeLineGutter {
   border-block-color: var(--dt-colors-border-neutral-default, #dadbe4);
-  color: var(--_mvxq7yf-3-10-1);
+  color: var(--_mvxq7yf-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-activeLine, ._mvxq7yk-3-10-1  .cm-activeLineGutter {
+._mvxq7yk-3-10-4 .cm-activeLine, ._mvxq7yk-3-10-4  .cm-activeLineGutter {
   background-color: transparent;
 }
-._mvxq7yk-3-10-1 .tok-keyword, ._mvxq7yk-3-10-1 .tok-heading {
+._mvxq7yk-3-10-4 .tok-keyword, ._mvxq7yk-3-10-4 .tok-heading {
   color: var(--dt-colors-syntax-operators, #8136a9);
 }
-._mvxq7yk-3-10-1 .tok-string {
+._mvxq7yk-3-10-4 .tok-string {
   color: var(--dt-colors-syntax-string, #086467);
 }
-._mvxq7yk-3-10-1 .tok-number {
+._mvxq7yk-3-10-4 .tok-number {
   color: var(--dt-colors-syntax-number, #aa0081);
 }
-._mvxq7yk-3-10-1 .tok-typeName {
+._mvxq7yk-3-10-4 .tok-typeName {
   color: var(--dt-colors-syntax-classname, #2c2d4d);
 }
-._mvxq7yk-3-10-1 .tok-inserted {
+._mvxq7yk-3-10-4 .tok-inserted {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._mvxq7yk-3-10-1 .tok-meta {
+._mvxq7yk-3-10-4 .tok-meta {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._mvxq7yk-3-10-1 .tok-comment {
+._mvxq7yk-3-10-4 .tok-comment {
   color: var(--dt-colors-syntax-comment, #545586);
   font-style: italic;
 }
-._mvxq7yk-3-10-1 .tok-propertyName {
+._mvxq7yk-3-10-4 .tok-propertyName {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yk-3-10-1 .tok-variableName {
+._mvxq7yk-3-10-4 .tok-variableName {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yk-3-10-1 .tok-link {
+._mvxq7yk-3-10-4 .tok-link {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yk-3-10-1 .tok-atom {
+._mvxq7yk-3-10-4 .tok-atom {
   color: var(--dt-colors-syntax-variable, #2754b5);
 }
-._mvxq7yk-3-10-1 .tok-bool {
+._mvxq7yk-3-10-4 .tok-bool {
   color: var(--dt-colors-syntax-boolean, #973f00);
 }
-._mvxq7yk-3-10-1 .cm-diagnostics {
+._mvxq7yk-3-10-4 .cm-diagnostics {
   padding: var(--dt-spacings-size-6, 6px) var(--dt-spacings-size-12, 12px);
 }
-._mvxq7yk-3-10-1 .cm-diagnosticAction {
+._mvxq7yk-3-10-4 .cm-diagnosticAction {
   background-color: transparent;
   border-radius: 0;
   margin: 0;
   padding: 0;
 }
-._mvxq7yk-3-10-1 .cm-lintRange {
+._mvxq7yk-3-10-4 .cm-lintRange {
   background-repeat: repeat-x;
   background-size: 8px 2px;
   background-position: 0 95%;
 }
-._mvxq7yk-3-10-1 .cm-lintPoint-error:after {
+._mvxq7yk-3-10-4 .cm-lintPoint-error:after {
   border-bottom-color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._mvxq7yk-3-10-1 .cm-diagnostic-error {
+._mvxq7yk-3-10-4 .cm-diagnostic-error {
   border-left: 5px solid var(--dt-colors-text-critical-default, #bb0731);
 }
-._mvxq7yk-3-10-1 .cm-lintRange-error {
+._mvxq7yk-3-10-4 .cm-lintRange-error {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -275,13 +275,13 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yk-3-10-1 .cm-lintPoint-warning:after {
+._mvxq7yk-3-10-4 .cm-lintPoint-warning:after {
   border-bottom-color: var(--dt-colors-text-warning-default, #855400);
 }
-._mvxq7yk-3-10-1 .cm-diagnostic-warning {
+._mvxq7yk-3-10-4 .cm-diagnostic-warning {
   border-left: 5px solid var(--dt-colors-text-warning-default, #855400);
 }
-._mvxq7yk-3-10-1 .cm-lintRange-warning {
+._mvxq7yk-3-10-4 .cm-lintRange-warning {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -307,13 +307,13 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yk-3-10-1 .cm-lintPoint-info:after {
+._mvxq7yk-3-10-4 .cm-lintPoint-info:after {
   border-bottom-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mvxq7yk-3-10-1 .cm-diagnostic-info {
+._mvxq7yk-3-10-4 .cm-diagnostic-info {
   border-left: 5px solid var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mvxq7yk-3-10-1 .cm-lintRange-info {
+._mvxq7yk-3-10-4 .cm-lintRange-info {
   background-image: linear-gradient(
   45deg,
   transparent 65%,
@@ -339,25 +339,25 @@ linear-gradient(
   transparent 50%
 );
 }
-._mvxq7yk-3-10-1 .cmt-keyword {
+._mvxq7yk-3-10-4 .cmt-keyword {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }
-._mvxq7yk-3-10-1 .cm-lineNumbers > .cm-gutterElement {
-  padding: var(--_mvxq7yd-3-10-1);
+._mvxq7yk-3-10-4 .cm-lineNumbers > .cm-gutterElement {
+  padding: var(--_mvxq7yd-3-10-4);
 }
-._mvxq7yk-3-10-1 .cm-gutterElement {
+._mvxq7yk-3-10-4 .cm-gutterElement {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mvxq7yk-3-10-1:not(._mvxq7yq-3-10-1):not(._mvxq7yn-3-10-1) .cm-gutterElement:hover {
+._mvxq7yk-3-10-4:not(._mvxq7yq-3-10-4):not(._mvxq7yn-3-10-4) .cm-gutterElement:hover {
   color: var(--dt-colors-icon-neutral-subdued-hover, #434465);
 }
-._mvxq7yk-3-10-1:not(._mvxq7yq-3-10-1):not(._mvxq7yn-3-10-1) .cm-gutterElement:active {
+._mvxq7yk-3-10-4:not(._mvxq7yq-3-10-4):not(._mvxq7yn-3-10-4) .cm-gutterElement:active {
   color: var(--dt-colors-icon-neutral-default, #2f2f4f);
 }
-._mvxq7yw-3-10-1 {
+._mvxq7yw-3-10-4 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   text-align: right;
 }
-._mvxq7yw-3-10-1 span {
+._mvxq7yw-3-10-4 span {
   max-width: calc(500px - var(--dt-spacings-size-32, 32px));
 }

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

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

package/esm/editors/dql-editor/actions-menu/ActionsMenu.css

@@ -1,42 +1,42 @@
-._1okebta0-3-10-1 {
+._1okebta0-3-10-4 {
   position: relative;
   width: 100%;
 }
-._1okebta1-3-10-1 {
+._1okebta1-3-10-4 {
   display: flex;
   flex-grow: 1;
   max-height: 100%;
   min-height: 100%;
 }
-._1okebta2-3-10-1 {
+._1okebta2-3-10-4 {
   position: absolute;
   z-index: var(--dt-elevations-default, 1);
   top: 0;
   right: 0;
 }
-._1okebta3-3-10-1 {
+._1okebta3-3-10-4 {
   top: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-emphasized, 2px));
   right: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-10-1 ._1okebta3-3-10-1 {
+._1jgl8s50-3-10-4 ._1okebta3-3-10-4 {
   top: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-default, 1px));
   right: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-default, 1px));
 }
-._1okebta4-3-10-1 {
+._1okebta4-3-10-4 {
   top: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-emphasized, 2px));
   right: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-10-1 ._1okebta4-3-10-1 {
+._1jgl8s50-3-10-4 ._1okebta4-3-10-4 {
   top: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px));
   right: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px));
 }
-._1okebta5-3-10-1 .cm-editor {
+._1okebta5-3-10-4 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-40, 40px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta6-3-10-1 .cm-editor {
+._1okebta6-3-10-4 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-28, 28px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta7-3-10-1 {
+._1okebta7-3-10-4 {
   white-space: nowrap;
   margin-left: var(--dt-spacings-size-8, 8px);
 }

package/esm/editors/dql-editor/actions-menu/ActionsMenu.sty.js

@@ -1,11 +1,11 @@
 import "../../../core/components/app-root/AppRoot.css";
 import "./ActionsMenu.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-10-1", variantClassNames: { size: { "default": "_1okebta3-3-10-1", condensed: "_1okebta4-3-10-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-10-1", condensed: "_1okebta6-3-10-1" };
-var editorWrapper = "_1okebta0-3-10-1";
-var editorWrapperFullHeight = "_1okebta1-3-10-1";
-var formatQueryShortcut = "_1okebta7-3-10-1";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-10-4", variantClassNames: { size: { "default": "_1okebta3-3-10-4", condensed: "_1okebta4-3-10-4" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-10-4", condensed: "_1okebta6-3-10-4" };
+var editorWrapper = "_1okebta0-3-10-4";
+var editorWrapperFullHeight = "_1okebta1-3-10-4";
+var formatQueryShortcut = "_1okebta7-3-10-4";
 export {
   actionsMenuWrapper,
   editorWithActionsMenu,

package/esm/editors/dql-editor/actions-menu/ActionsMenu.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/actions-menu/ActionsMenu.css.ts"],
-  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './ActionsMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsMenuWrapper = _7a468({defaultClassName:'_1okebta2-3-10-1',variantClassNames:{size:{'default':'_1okebta3-3-10-1',condensed:'_1okebta4-3-10-1'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-10-1',condensed:'_1okebta6-3-10-1'};\nexport var editorWrapper = '_1okebta0-3-10-1';\nexport var editorWrapperFullHeight = '_1okebta1-3-10-1';\nexport var formatQueryShortcut = '_1okebta7-3-10-1';"],
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './ActionsMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsMenuWrapper = _7a468({defaultClassName:'_1okebta2-3-10-4',variantClassNames:{size:{'default':'_1okebta3-3-10-4',condensed:'_1okebta4-3-10-4'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-10-4',condensed:'_1okebta6-3-10-4'};\nexport var editorWrapper = '_1okebta0-3-10-4';\nexport var editorWrapperFullHeight = '_1okebta1-3-10-4';\nexport var formatQueryShortcut = '_1okebta7-3-10-4';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/M,IAAI,wBAAwB,EAAC,WAAU,oBAAmB,WAAU,mBAAkB;AACtF,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;AAC9B,IAAI,sBAAsB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._yhio8f0-3-10-1 {
+._yhio8f0-3-10-4 {
   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-10-1";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-10-4";
 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-10-1';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-10-4';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,+BAA+B;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 .cm-tooltip.cm-tooltip-autocomplete {
   container-type: inline-size;
-  container-name: _cpuf060-3-10-1;
+  container-name: _cpuf060-3-10-4;
 }
-._cpuf061-3-10-1 {
+._cpuf061-3-10-4 {
   background: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
@@ -15,20 +15,20 @@
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf062-3-10-1 {
+._cpuf062-3-10-4 {
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf063-3-10-1 {
+._cpuf063-3-10-4 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-@container _cpuf060-3-10-1 (max-width: 289px) {
-  ._cpuf061-3-10-1 {
+@container _cpuf060-3-10-4 (max-width: 289px) {
+  ._cpuf061-3-10-4 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);
   }
-  ._cpuf062-3-10-1 {
+  ._cpuf062-3-10-4 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);

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

@@ -1,7 +1,7 @@
 import "./SuggestionsInfoSection.css";
-var container = "_cpuf061-3-10-1";
-var shortcutLabel = "_cpuf063-3-10-1";
-var shortcutsGroup = "_cpuf062-3-10-1";
+var container = "_cpuf061-3-10-4";
+var shortcutLabel = "_cpuf063-3-10-4";
+var shortcutsGroup = "_cpuf062-3-10-4";
 export {
   container,
   shortcutLabel,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionsInfoSection.css.ts"],
-  "sourcesContent": ["import './SuggestionsInfoSection.css';\nexport var container = '_cpuf061-3-10-1';\nexport var shortcutLabel = '_cpuf063-3-10-1';\nexport var shortcutsGroup = '_cpuf062-3-10-1';"],
+  "sourcesContent": ["import './SuggestionsInfoSection.css';\nexport var container = '_cpuf061-3-10-4';\nexport var shortcutLabel = '_cpuf063-3-10-4';\nexport var shortcutsGroup = '_cpuf062-3-10-4';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }