@dynatrace/strato-components 3.3.1 → 3.3.2

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

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

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

@@ -24,5 +24,5 @@ __export(BaseCodeEditor_css_exports, {
 module.exports = __toCommonJS(BaseCodeEditor_css_exports);
 var import_BaseCodeEditor_css_ts_vanilla = require("./BaseCodeEditor.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var autocompletionTypeText = "_mvxq7yx-3-3-1";
-var editorContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_mvxq7yl-3-3-1", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-3-1" }, fullHeight: { true: "_mvxq7yn-3-3-1" }, hasError: { true: "_mvxq7yo-3-3-1" }, lineNumbers: { hidden: "_mvxq7yp-3-3-1", visible: "_mvxq7yq-3-3-1" }, readOnly: { true: "_mvxq7yr-3-3-1" }, size: { "default": "_mvxq7ys-3-3-1", condensed: "_mvxq7yt-3-3-1" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-3-1"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-3-1"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-3-1"]] });
+var autocompletionTypeText = "_mvxq7yx-3-3-2";
+var editorContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_mvxq7yl-3-3-2", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-3-2" }, fullHeight: { true: "_mvxq7yn-3-3-2" }, hasError: { true: "_mvxq7yo-3-3-2" }, lineNumbers: { hidden: "_mvxq7yp-3-3-2", visible: "_mvxq7yq-3-3-2" }, readOnly: { true: "_mvxq7yr-3-3-2" }, size: { "default": "_mvxq7ys-3-3-2", condensed: "_mvxq7yt-3-3-2" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-3-2"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-3-2"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-3-2"]] });

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

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

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

@@ -22,4 +22,4 @@ __export(SuggestionPart_css_exports, {
 });
 module.exports = __toCommonJS(SuggestionPart_css_exports);
 var import_SuggestionPart_css_ts_vanilla = require("./SuggestionPart.css");
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-3-1";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-3-2";

package/esm/buttons/button/Button.css

@@ -1,12 +1,12 @@
-._10kgnsa0-3-3-1 {
+._10kgnsa0-3-3-2 {
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-default-size, 14px);
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
   text-decoration: var(--dt-typography-text-base-default-text-decoration, none);
   text-transform: none;
-  background: var(--_bx32h3-3-3-1);
-  color: var(--_bx32h0-3-3-1);
+  background: var(--_bx32h3-3-3-2);
+  color: var(--_bx32h0-3-3-2);
   display: inline-flex;
   position: relative;
   align-items: center;
@@ -23,38 +23,38 @@
   transition-duration: var(--dt-animations-hover-duration-base, 150ms);
   transition-property: color, background-color, transform;
 }
-._10kgnsa1-3-3-1 {
+._10kgnsa1-3-3-2 {
   text-align: start;
   justify-content: space-between;
 }
-._10kgnsa2-3-3-1 {
+._10kgnsa2-3-3-2 {
   text-align: center;
   justify-content: center;
 }
-._10kgnsa3-3-3-1 {
+._10kgnsa3-3-3-2 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   gap: var(--dt-spacings-size-2, 2px);
 }
-._10kgnsa4-3-3-1 {
+._10kgnsa4-3-3-2 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
   gap: var(--dt-spacings-size-4, 4px);
 }
-._10kgnsa5-3-3-1 {
+._10kgnsa5-3-3-2 {
   cursor: not-allowed;
 }
-._10kgnsa6-3-3-1 {
+._10kgnsa6-3-3-2 {
   width: 100%;
 }
-._10kgnsa7-3-3-1 {
+._10kgnsa7-3-3-2 {
   width: fit-content;
 }
-._10kgnsa8-3-3-1 {
+._10kgnsa8-3-3-2 {
   position: absolute;
   top: 0;
   left: 0;
@@ -66,19 +66,19 @@
   align-items: center;
   z-index: 1;
 }
-._10kgnsa3-3-3-1 ._10kgnsa9-3-3-1:not(:has(svg:only-child)) {
+._10kgnsa3-3-3-2 ._10kgnsa9-3-3-2:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 2px;
   padding-right: 2px;
 }
-._10kgnsa4-3-3-1 ._10kgnsa9-3-3-1:not(:has(svg:only-child)) {
+._10kgnsa4-3-3-2 ._10kgnsa9-3-3-2:not(:has(svg:only-child)) {
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 4px;
   padding-right: 4px;
 }
-._10kgnsab-3-3-1 {
+._10kgnsab-3-3-2 {
   display: inline-flex;
   min-width: 0;
   max-width: 100%;

package/esm/buttons/button/Button.sty.js

@@ -2,10 +2,10 @@ import "../../styles/ellipsis.css";
 import "../../styles/field.css";
 import "./Button.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var button = _7a468({ defaultClassName: "_10kgnsa0-3-3-1", variantClassNames: { textAlign: { start: "_10kgnsa1-3-3-1", center: "_10kgnsa2-3-3-1" }, size: { condensed: "_10kgnsa3-3-3-1", "default": "_10kgnsa4-3-3-1" }, disabled: { true: "_10kgnsa5-3-3-1" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
-var label = _7a468({ defaultClassName: "_10kgnsa9-3-3-1", variantClassNames: { textual: { true: "_oqqp1n0-3-3-1", false: "_10kgnsab-3-3-1" } }, defaultVariants: {}, compoundVariants: [] });
-var loading = "_10kgnsa8-3-3-1";
-var widths = { full: "_10kgnsa6-3-3-1", content: "_10kgnsa7-3-3-1" };
+var button = _7a468({ defaultClassName: "_10kgnsa0-3-3-2", variantClassNames: { textAlign: { start: "_10kgnsa1-3-3-2", center: "_10kgnsa2-3-3-2" }, size: { condensed: "_10kgnsa3-3-3-2", "default": "_10kgnsa4-3-3-2" }, disabled: { true: "_10kgnsa5-3-3-2" } }, defaultVariants: { size: "default", textAlign: "center", disabled: false }, compoundVariants: [] });
+var label = _7a468({ defaultClassName: "_10kgnsa9-3-3-2", variantClassNames: { textual: { true: "_oqqp1n0-3-3-2", false: "_10kgnsab-3-3-2" } }, defaultVariants: {}, compoundVariants: [] });
+var loading = "_10kgnsa8-3-3-2";
+var widths = { full: "_10kgnsa6-3-3-2", content: "_10kgnsa7-3-3-2" };
 export {
   button,
   label,

package/esm/buttons/button/Button.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/button/Button.css.ts"],
-  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-3-1',variantClassNames:{textAlign:{start:'_10kgnsa1-3-3-1',center:'_10kgnsa2-3-3-1'},size:{condensed:'_10kgnsa3-3-3-1','default':'_10kgnsa4-3-3-1'},disabled:{true:'_10kgnsa5-3-3-1'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-3-1',variantClassNames:{textual:{true:'_oqqp1n0-3-3-1',false:'_10kgnsab-3-3-1'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-3-1';\nexport var widths = {full:'_10kgnsa6-3-3-1',content:'_10kgnsa7-3-3-1'};"],
+  "sourcesContent": ["import '../../styles/ellipsis.css';\nimport '../../styles/field.css';\nimport './Button.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var button = _7a468({defaultClassName:'_10kgnsa0-3-3-2',variantClassNames:{textAlign:{start:'_10kgnsa1-3-3-2',center:'_10kgnsa2-3-3-2'},size:{condensed:'_10kgnsa3-3-3-2','default':'_10kgnsa4-3-3-2'},disabled:{true:'_10kgnsa5-3-3-2'}},defaultVariants:{size:'default',textAlign:'center',disabled:false},compoundVariants:[]});\nexport var label = _7a468({defaultClassName:'_10kgnsa9-3-3-2',variantClassNames:{textual:{true:'_oqqp1n0-3-3-2',false:'_10kgnsab-3-3-2'}},defaultVariants:{},compoundVariants:[]});\nexport var loading = '_10kgnsa8-3-3-2';\nexport var widths = {full:'_10kgnsa6-3-3-2',content:'_10kgnsa7-3-3-2'};"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,WAAU,EAAC,OAAM,mBAAkB,QAAO,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,WAAU,WAAU,UAAS,UAAS,MAAK,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjU,IAAI,QAAQ,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1K,IAAI,UAAU;AACd,IAAI,SAAS,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB;",
   "names": []
 }

package/esm/buttons/intent-button/IntentButton.css

@@ -1,3 +1,3 @@
-._1xe9ern0-3-3-1 {
+._1xe9ern0-3-3-2 {
   opacity: 0.5;
 }

package/esm/buttons/intent-button/IntentButton.sty.js

@@ -1,5 +1,5 @@
 import "./IntentButton.css";
-var disabledAppIconOpacity = "_1xe9ern0-3-3-1";
+var disabledAppIconOpacity = "_1xe9ern0-3-3-2";
 export {
   disabledAppIconOpacity
 };

package/esm/buttons/intent-button/IntentButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/intent-button/IntentButton.css.ts"],
-  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-3-1';"],
+  "sourcesContent": ["import './IntentButton.css';\nexport var disabledAppIconOpacity = '_1xe9ern0-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,yBAAyB;",
   "names": []
 }

package/esm/buttons/notify-button/NotifyButton.css

@@ -1,10 +1,10 @@
-._1j9pkom0-3-3-1 {
+._1j9pkom0-3-3-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-16, 16px);
   padding-left: var(--dt-spacings-size-16, 16px);
   padding-right: var(--dt-spacings-size-16, 16px);
 }
-._1j9pkom1-3-3-1 {
+._1j9pkom1-3-3-2 {
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-6, 6px);

package/esm/buttons/notify-button/NotifyButton.sty.js

@@ -1,6 +1,6 @@
 import "./NotifyButton.css";
-var overlay = "_1j9pkom0-3-3-1";
-var toast = "_1j9pkom1-3-3-1";
+var overlay = "_1j9pkom0-3-3-2";
+var toast = "_1j9pkom1-3-3-2";
 export {
   overlay,
   toast

package/esm/buttons/notify-button/NotifyButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/buttons/notify-button/NotifyButton.css.ts"],
-  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-3-1';\nexport var toast = '_1j9pkom1-3-3-1';"],
+  "sourcesContent": ["import './NotifyButton.css';\nexport var overlay = '_1j9pkom0-3-3-2';\nexport var toast = '_1j9pkom1-3-3-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,QAAQ;",
   "names": []
 }

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css

@@ -1,9 +1,9 @@
-._1wi8enr0-3-3-1 {
+._1wi8enr0-3-3-2 {
   cursor: crosshair;
   overflow: visible;
   z-index: 1;
 }
-._1wi8enr1-3-3-1 {
+._1wi8enr1-3-3-2 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js

@@ -1,7 +1,7 @@
 import "../../../../core/components/chart-grid/ChartGrid.css";
 import "./CategoricalBarChartInspectOverlay.css";
-var crosshairLayout = "_1wi8enr0-3-3-1 _13lzg4k0-3-3-1";
-var dataPointLayout = "_1wi8enr1-3-3-1 _13lzg4k0-3-3-1";
+var crosshairLayout = "_1wi8enr0-3-3-2 _13lzg4k0-3-3-2";
+var dataPointLayout = "_1wi8enr1-3-3-2 _13lzg4k0-3-3-2";
 export {
   crosshairLayout,
   dataPointLayout

package/esm/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/categorical-bar/components/interactions/overlays/CategoricalBarChartInspectOverlay.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-3-1 _13lzg4k0-3-3-1';\nexport var dataPointLayout = '_1wi8enr1-3-3-1 _13lzg4k0-3-3-1';"],
+  "sourcesContent": ["import '../../../../core/components/chart-grid/ChartGrid.css';\nimport './CategoricalBarChartInspectOverlay.css';\nexport var crosshairLayout = '_1wi8enr0-3-3-2 _13lzg4k0-3-3-2';\nexport var dataPointLayout = '_1wi8enr1-3-3-2 _13lzg4k0-3-3-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,kBAAkB;AACtB,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.css

@@ -1,3 +1,3 @@
-._145zb630-3-3-1 {
+._145zb630-3-3-2 {
   position: relative;
 }