@dynatrace/strato-components 3.9.0 → 3.9.1

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

@@ -1,42 +1,42 @@
-._1okebta0-3-9-0 {
+._1okebta0-3-9-1 {
   position: relative;
   width: 100%;
 }
-._1okebta1-3-9-0 {
+._1okebta1-3-9-1 {
   display: flex;
   flex-grow: 1;
   max-height: 100%;
   min-height: 100%;
 }
-._1okebta2-3-9-0 {
+._1okebta2-3-9-1 {
   position: absolute;
   z-index: var(--dt-elevations-default, 1);
   top: 0;
   right: 0;
 }
-._1okebta3-3-9-0 {
+._1okebta3-3-9-1 {
   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-9-0 ._1okebta3-3-9-0 {
+._1jgl8s50-3-9-1 ._1okebta3-3-9-1 {
   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-9-0 {
+._1okebta4-3-9-1 {
   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-9-0 ._1okebta4-3-9-0 {
+._1jgl8s50-3-9-1 ._1okebta4-3-9-1 {
   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-9-0 .cm-editor {
+._1okebta5-3-9-1 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-40, 40px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta6-3-9-0 .cm-editor {
+._1okebta6-3-9-1 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-28, 28px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta7-3-9-0 {
+._1okebta7-3-9-1 {
   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-9-0", variantClassNames: { size: { "default": "_1okebta3-3-9-0", condensed: "_1okebta4-3-9-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-9-0", condensed: "_1okebta6-3-9-0" };
-var editorWrapper = "_1okebta0-3-9-0";
-var editorWrapperFullHeight = "_1okebta1-3-9-0";
-var formatQueryShortcut = "_1okebta7-3-9-0";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-9-1", variantClassNames: { size: { "default": "_1okebta3-3-9-1", condensed: "_1okebta4-3-9-1" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-9-1", condensed: "_1okebta6-3-9-1" };
+var editorWrapper = "_1okebta0-3-9-1";
+var editorWrapperFullHeight = "_1okebta1-3-9-1";
+var formatQueryShortcut = "_1okebta7-3-9-1";
 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-9-0',variantClassNames:{size:{'default':'_1okebta3-3-9-0',condensed:'_1okebta4-3-9-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-9-0',condensed:'_1okebta6-3-9-0'};\nexport var editorWrapper = '_1okebta0-3-9-0';\nexport var editorWrapperFullHeight = '_1okebta1-3-9-0';\nexport var formatQueryShortcut = '_1okebta7-3-9-0';"],
+  "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-9-1',variantClassNames:{size:{'default':'_1okebta3-3-9-1',condensed:'_1okebta4-3-9-1'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-9-1',condensed:'_1okebta6-3-9-1'};\nexport var editorWrapper = '_1okebta0-3-9-1';\nexport var editorWrapperFullHeight = '_1okebta1-3-9-1';\nexport var formatQueryShortcut = '_1okebta7-3-9-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC5M,IAAI,wBAAwB,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACpF,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;AAC9B,IAAI,sBAAsB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._yhio8f0-3-9-0 {
+._yhio8f0-3-9-1 {
   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-9-0";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-9-1";
 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-9-0';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-9-1';"],
   "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-9-0;
+  container-name: _cpuf060-3-9-1;
 }
-._cpuf061-3-9-0 {
+._cpuf061-3-9-1 {
   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-9-0 {
+._cpuf062-3-9-1 {
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf063-3-9-0 {
+._cpuf063-3-9-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-@container _cpuf060-3-9-0 (max-width: 289px) {
-  ._cpuf061-3-9-0 {
+@container _cpuf060-3-9-1 (max-width: 289px) {
+  ._cpuf061-3-9-1 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);
   }
-  ._cpuf062-3-9-0 {
+  ._cpuf062-3-9-1 {
     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-9-0";
-var shortcutLabel = "_cpuf063-3-9-0";
-var shortcutsGroup = "_cpuf062-3-9-0";
+var container = "_cpuf061-3-9-1";
+var shortcutLabel = "_cpuf063-3-9-1";
+var shortcutsGroup = "_cpuf062-3-9-1";
 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-9-0';\nexport var shortcutLabel = '_cpuf063-3-9-0';\nexport var shortcutsGroup = '_cpuf062-3-9-0';"],
+  "sourcesContent": ["import './SuggestionsInfoSection.css';\nexport var container = '_cpuf061-3-9-1';\nexport var shortcutLabel = '_cpuf063-3-9-1';\nexport var shortcutsGroup = '_cpuf062-3-9-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/filters/filter-field/FilterField.css

@@ -1,94 +1,94 @@
-._96tj13b-3-9-0 {
+._96tj13b-3-9-1 {
   max-height: 80px;
 }
-._96tj13c-3-9-0 {
-  --_96tj130-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_96tj131-3-9-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj132-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj133-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-9-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj135-3-9-0: var(--dt-colors-syntax-operators, #8136a9);
-  --_96tj136-3-9-0: var(--dt-colors-syntax-operators, #8136a9);
-  --_96tj137-3-9-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) transparent;
-  --_96tj138-3-9-0: transparent;
-  --_96tj13a-3-9-0: transparent;
-  --_96tj139-3-9-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
+._96tj13c-3-9-1 {
+  --_96tj130-3-9-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_96tj131-3-9-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj132-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj133-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-9-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj135-3-9-1: var(--dt-colors-syntax-operators, #8136a9);
+  --_96tj136-3-9-1: var(--dt-colors-syntax-operators, #8136a9);
+  --_96tj137-3-9-1: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) transparent;
+  --_96tj138-3-9-1: transparent;
+  --_96tj13a-3-9-1: transparent;
+  --_96tj139-3-9-1: var(--dt-colors-icon-neutral-default, #2f2f4f);
   position: relative;
   width: 100%;
   max-height: inherit;
 }
-._96tj13c-3-9-0::selection {
+._96tj13c-3-9-1::selection {
   background: #fff;
 }
-._96tj13d-3-9-0 {
-  --_96tj137-3-9-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-accent, #bb0731);
-  --_96tj138-3-9-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_96tj13a-3-9-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_96tj139-3-9-0: var(--dt-colors-icon-critical-default, #bb0731);
+._96tj13d-3-9-1 {
+  --_96tj137-3-9-1: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-accent, #bb0731);
+  --_96tj138-3-9-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_96tj13a-3-9-1: var(--dt-colors-border-critical-accent, #bb0731);
+  --_96tj139-3-9-1: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._96tj13e-3-9-0 {
+._96tj13e-3-9-1 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._96tj13f-3-9-0 {
+._96tj13f-3-9-1 {
   color: var(--dt-colors-icon-neutral-subdued, #595a7d);
   position: absolute;
   left: var(--dt-spacings-size-6, 6px);
   top: var(--dt-spacings-size-6, 6px);
   z-index: 1;
 }
-._96tj13g-3-9-0 {
+._96tj13g-3-9-1 {
   color: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._96tj13h-3-9-0 {
+._96tj13h-3-9-1 {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
 }
-._96tj13i-3-9-0 {
+._96tj13i-3-9-1 {
   padding: var(--dt-spacings-size-2, 2px) calc(var(--dt-spacings-size-4, 4px) - var(--dt-borders-width-default, 1px)) 3px;
   border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
   transition: borderRadius var(--dt-timings-base-default, 300ms);
   line-height: 24px;
 }
-._96tj13j-3-9-0 {
-  background-color: var(--_96tj130-3-9-0);
+._96tj13j-3-9-1 {
+  background-color: var(--_96tj130-3-9-1);
   border-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._96tj13j-3-9-0:hover {
+._96tj13j-3-9-1:hover {
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
 }
-._96tj13k-3-9-0:hover {
+._96tj13k-3-9-1:hover {
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
   border-right-width: 0;
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._96tj13l-3-9-0 {
+._96tj13l-3-9-1 {
   line-height: 24px;
 }
-._96tj13m-3-9-0 {
-  --_96tj131-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj132-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj135-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj133-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+._96tj13m-3-9-1 {
+  --_96tj131-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj132-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj135-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj133-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
   line-height: 24px;
 }
-._96tj13n-3-9-0 {
+._96tj13n-3-9-1 {
   cursor: not-allowed;
 }
-._96tj13o-3-9-0 {
-  --_96tj130-3-9-0: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
-  --_96tj131-3-9-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj134-3-9-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj132-3-9-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj135-3-9-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj137-3-9-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-disabled, #dadbe480);
-  --_96tj138-3-9-0: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
-  --_96tj133-3-9-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj13a-3-9-0: var(--dt-colors-border-critical-disabled, #dadbe480);
-}
-._96tj13q-3-9-0 {
+._96tj13o-3-9-1 {
+  --_96tj130-3-9-1: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
+  --_96tj131-3-9-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj134-3-9-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj132-3-9-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj135-3-9-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj137-3-9-1: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-disabled, #dadbe480);
+  --_96tj138-3-9-1: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
+  --_96tj133-3-9-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj13a-3-9-1: var(--dt-colors-border-critical-disabled, #dadbe480);
+}
+._96tj13q-3-9-1 {
   position: relative;
   opacity: 0;
   font-size: var(--dt-typography-text-base-default-size, 14px);
@@ -97,11 +97,11 @@
   user-select: none;
   transition: none;
 }
-._96tj13q-3-9-0:hover {
+._96tj13q-3-9-1:hover {
   opacity: 1;
   pointer-events: initial;
 }
-._96tj13r-3-9-0 {
+._96tj13r-3-9-1 {
   position: absolute;
   top: calc((var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px)) * -1);
   left: var(--dt-spacings-size-4, 4px);
@@ -114,15 +114,15 @@
   border-radius: 0 var(--dt-borders-radius-field-subdued, 3px) var(--dt-borders-radius-field-subdued, 3px) 0;
   line-height: 0;
   cursor: pointer;
-  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--_96tj130-3-9-0);
-  background-color: var(--_96tj130-3-9-0);
+  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--_96tj130-3-9-1);
+  background-color: var(--_96tj130-3-9-1);
   box-shadow: -1px 0px 0px 0px var(--dt-colors-background-surface-default, #fff);
 }
-._96tj13r-3-9-0:hover {
+._96tj13r-3-9-1:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
   border-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._96tj13r-3-9-0:before {
+._96tj13r-3-9-1:before {
   content: "";
   position: absolute;
   left: calc(var(--dt-borders-width-default, 1px) * -1);
@@ -133,225 +133,225 @@
   border-left: none;
   border-radius: 0 calc(var(--dt-borders-radius-field-subdued, 3px) + 3px) calc(var(--dt-borders-radius-field-subdued, 3px) + 3px) 0;
 }
-._96tj13s-3-9-0 {
+._96tj13s-3-9-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   box-shadow: none;
 }
-._96tj13s-3-9-0:hover {
+._96tj13s-3-9-1:hover {
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._96tj13t-3-9-0 {
+._96tj13t-3-9-1 {
   color: var(--dt-colors-icon-neutral-default, #2f2f4f);
   pointer-events: none;
 }
-._96tj13c-3-9-0.hideDeleteWhileTyping ._96tj13i-3-9-0:hover {
+._96tj13c-3-9-1.hideDeleteWhileTyping ._96tj13i-3-9-1:hover {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._96tj13c-3-9-0.hideDeleteWhileTyping ._96tj13k-3-9-0:hover {
+._96tj13c-3-9-1.hideDeleteWhileTyping ._96tj13k-3-9-1:hover {
   padding-right: calc(var(--dt-spacings-size-4, 4px) - var(--dt-borders-width-default, 1px));
   border-right-width: var(--dt-borders-width-default, 1px);
 }
-._96tj13c-3-9-0:not(.hideDeleteWhileTyping) ._96tj13j-3-9-0:hover ._96tj13q-3-9-0,
-   ._96tj13c-3-9-0:not(.hideDeleteWhileTyping) ._96tj13k-3-9-0:hover ._96tj13q-3-9-0 {
+._96tj13c-3-9-1:not(.hideDeleteWhileTyping) ._96tj13j-3-9-1:hover ._96tj13q-3-9-1,
+   ._96tj13c-3-9-1:not(.hideDeleteWhileTyping) ._96tj13k-3-9-1:hover ._96tj13q-3-9-1 {
   opacity: 1;
   pointer-events: initial;
   transition: opacity var(--dt-timings-base-default, 300ms);
 }
-._96tj13c-3-9-0:not(.hideDeleteWhileTyping) ._96tj13j-3-9-0:has(img + ._96tj13q-3-9-0:hover),
-   ._96tj13c-3-9-0:not(.hideDeleteWhileTyping) ._96tj13k-3-9-0:has(img + ._96tj13q-3-9-0:hover) {
+._96tj13c-3-9-1:not(.hideDeleteWhileTyping) ._96tj13j-3-9-1:has(img + ._96tj13q-3-9-1:hover),
+   ._96tj13c-3-9-1:not(.hideDeleteWhileTyping) ._96tj13k-3-9-1:has(img + ._96tj13q-3-9-1:hover) {
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
-  background-color: var(--_96tj130-3-9-0);
+  background-color: var(--_96tj130-3-9-1);
 }
-._96tj13u-3-9-0 {
-  --_96tj131-3-9-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj132-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-9-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj135-3-9-0: var(--dt-colors-syntax-operators, #8136a9);
+._96tj13u-3-9-1 {
+  --_96tj131-3-9-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj132-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-9-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj135-3-9-1: var(--dt-colors-syntax-operators, #8136a9);
 }
-._96tj13v-3-9-0 {
-  color: var(--_96tj131-3-9-0);
+._96tj13v-3-9-1 {
+  color: var(--_96tj131-3-9-1);
 }
-._96tj13w-3-9-0 {
-  color: var(--_96tj132-3-9-0);
+._96tj13w-3-9-1 {
+  color: var(--_96tj132-3-9-1);
 }
-._96tj13x-3-9-0 {
-  color: var(--_96tj134-3-9-0);
+._96tj13x-3-9-1 {
+  color: var(--_96tj134-3-9-1);
 }
-._96tj13y-3-9-0 {
-  color: var(--_96tj135-3-9-0);
+._96tj13y-3-9-1 {
+  color: var(--_96tj135-3-9-1);
 }
-._96tj13z-3-9-0 ._96tj13y-3-9-0 {
-  --_96tj135-3-9-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+._96tj13z-3-9-1 ._96tj13y-3-9-1 {
+  --_96tj135-3-9-1: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._96tj1310-3-9-0 {
-  color: var(--_96tj136-3-9-0);
+._96tj1310-3-9-1 {
+  color: var(--_96tj136-3-9-1);
 }
-._96tj1311-3-9-0 {
+._96tj1311-3-9-1 {
   position: relative;
   z-index: 0;
 }
-._96tj1311-3-9-0::before {
+._96tj1311-3-9-1::before {
   content: " ";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
   width: 100%;
   line-height: 20px;
-  background-color: var(--_96tj138-3-9-0);
+  background-color: var(--_96tj138-3-9-1);
   z-index: -1;
 }
-._96tj1311-3-9-0::after {
+._96tj1311-3-9-1::after {
   content: " ";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
   left: 0;
   width: 100%;
-  border-bottom: var(--_96tj137-3-9-0);
+  border-bottom: var(--_96tj137-3-9-1);
   pointer-events: none;
 }
-._96tj1312-3-9-0 {
+._96tj1312-3-9-1 {
   position: relative;
 }
-._96tj1312-3-9-0::after {
+._96tj1312-3-9-1::after {
   content: "";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
-  border: var(--dt-spacings-size-4, 4px) solid var(--_96tj13a-3-9-0);
+  border: var(--dt-spacings-size-4, 4px) solid var(--_96tj13a-3-9-1);
   border-left: var(--dt-spacings-size-4, 4px) solid transparent;
   border-right: var(--dt-spacings-size-4, 4px) solid transparent;
   border-top: none;
   z-index: 250;
 }
-._96tj1313-3-9-0::after {
+._96tj1313-3-9-1::after {
   left: 0;
   transform: translateX(-50%);
 }
-._96tj1314-3-9-0::after {
+._96tj1314-3-9-1::after {
   right: 0;
   transform: translateX(50%);
 }
-._96tj13c-3-9-0 .cm-editor {
+._96tj13c-3-9-1 .cm-editor {
   padding: 0;
   padding-inline: var(--dt-spacings-size-28, 28px) var(--dt-spacings-size-32, 32px);
   min-height: 32px;
   max-height: inherit;
   justify-content: center;
 }
-._96tj13c-3-9-0:has([data-suggestion-pin="true"]) .cm-editor {
+._96tj13c-3-9-1:has([data-suggestion-pin="true"]) .cm-editor {
   padding-inline: var(--dt-spacings-size-28, 28px) var(--dt-spacings-size-64, 64px);
 }
-._96tj13p-3-9-0 .cm-editor {
+._96tj13p-3-9-1 .cm-editor {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
   pointer-events: none;
 }
-._96tj13n-3-9-0 ._96tj13r-3-9-0 {
+._96tj13n-3-9-1 ._96tj13r-3-9-1 {
   display: none;
 }
-._96tj13n-3-9-0 ._96tj13r-3-9-0 ._96tj13s-3-9-0 {
+._96tj13n-3-9-1 ._96tj13r-3-9-1 ._96tj13s-3-9-1 {
   display: none;
 }
-._96tj13n-3-9-0 .cm-cursorLayer {
+._96tj13n-3-9-1 .cm-cursorLayer {
   display: none;
 }
-._96tj13o-3-9-0 .cm-editor {
+._96tj13o-3-9-1 .cm-editor {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._96tj13c-3-9-0 .cm-editor.cm-focused.cm-focused {
+._96tj13c-3-9-1 .cm-editor.cm-focused.cm-focused {
   border-color: var(--dt-colors-border-neutral-accent, #595a7d);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0 .cm-editor.cm-focused.cm-focused::before {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1 .cm-editor.cm-focused.cm-focused::before {
   content: none;
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0 .cm-editor.cm-focused.cm-focused {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1 .cm-editor.cm-focused.cm-focused {
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-neutral-accent, #595a7d), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._96tj13c-3-9-0._96tj13e-3-9-0 .cm-editor.cm-focused.cm-focused {
+._96tj13c-3-9-1._96tj13e-3-9-1 .cm-editor.cm-focused.cm-focused {
   border-color: var(--dt-colors-border-critical-accent, #bb0731);
   box-shadow: inset 0 0 0 var(--dt-borders-width-default, 1px) var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0._96tj13e-3-9-0 .cm-editor.cm-focused.cm-focused {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1._96tj13e-3-9-1 .cm-editor.cm-focused.cm-focused {
   box-shadow: inset 0 0 0 var(--dt-borders-width-emphasized, 2px) var(--dt-colors-border-critical-accent, #bb0731), inset 0 0 0 calc(var(--dt-borders-width-emphasized, 2px) + 1px) var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0 .cm-editor.cm-editor {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1 .cm-editor.cm-editor {
   border: none;
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0 .cm-editor {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1 .cm-editor {
   padding-inline-start: calc(var(--dt-spacings-size-28, 28px) + 1px);
   box-shadow: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0 .cm-editor:hover {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1 .cm-editor:hover {
   box-shadow: var(--dt-box-shadows-field-neutral-emphasized-hover, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #dadbe4);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0 .cm-editor:active {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1 .cm-editor:active {
   box-shadow: var(--dt-box-shadows-field-neutral-emphasized-active, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #d0d1dc);
 }
-._1jgl8s50-3-9-0 :is(._96tj13p-3-9-0, ._96tj13n-3-9-0, ._96tj13o-3-9-0) .cm-editor,
-._1jgl8s50-3-9-0 :is(._96tj13p-3-9-0, ._96tj13n-3-9-0, ._96tj13o-3-9-0) .cm-editor:hover,
-._1jgl8s50-3-9-0 :is(._96tj13p-3-9-0, ._96tj13n-3-9-0, ._96tj13o-3-9-0) .cm-editor:active {
+._1jgl8s50-3-9-1 :is(._96tj13p-3-9-1, ._96tj13n-3-9-1, ._96tj13o-3-9-1) .cm-editor,
+._1jgl8s50-3-9-1 :is(._96tj13p-3-9-1, ._96tj13n-3-9-1, ._96tj13o-3-9-1) .cm-editor:hover,
+._1jgl8s50-3-9-1 :is(._96tj13p-3-9-1, ._96tj13n-3-9-1, ._96tj13o-3-9-1) .cm-editor:active {
   box-shadow: var(--dt-box-shadows-field-neutral-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0._96tj13e-3-9-0 .cm-editor {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1._96tj13e-3-9-1 .cm-editor {
   box-shadow: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0._96tj13e-3-9-0 .cm-editor:hover {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1._96tj13e-3-9-1 .cm-editor:hover {
   box-shadow: var(--dt-box-shadows-field-critical-emphasized-hover, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f6d6d5);
 }
-._1jgl8s50-3-9-0 ._96tj13c-3-9-0._96tj13e-3-9-0 .cm-editor:active {
+._1jgl8s50-3-9-1 ._96tj13c-3-9-1._96tj13e-3-9-1 .cm-editor:active {
   box-shadow: var(--dt-box-shadows-field-critical-emphasized-active, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f5cac9);
 }
-._1jgl8s50-3-9-0 ._96tj13e-3-9-0:is(._96tj13p-3-9-0, ._96tj13n-3-9-0, ._96tj13o-3-9-0) .cm-editor,
- ._1jgl8s50-3-9-0 ._96tj13e-3-9-0:is(._96tj13p-3-9-0, ._96tj13n-3-9-0, ._96tj13o-3-9-0) .cm-editor:hover,
- ._1jgl8s50-3-9-0 ._96tj13e-3-9-0:is(._96tj13p-3-9-0, ._96tj13n-3-9-0, ._96tj13o-3-9-0) .cm-editor:active {
+._1jgl8s50-3-9-1 ._96tj13e-3-9-1:is(._96tj13p-3-9-1, ._96tj13n-3-9-1, ._96tj13o-3-9-1) .cm-editor,
+ ._1jgl8s50-3-9-1 ._96tj13e-3-9-1:is(._96tj13p-3-9-1, ._96tj13n-3-9-1, ._96tj13o-3-9-1) .cm-editor:hover,
+ ._1jgl8s50-3-9-1 ._96tj13e-3-9-1:is(._96tj13p-3-9-1, ._96tj13n-3-9-1, ._96tj13o-3-9-1) .cm-editor:active {
   box-shadow: var(--dt-box-shadows-field-critical-disabled, inset 0px 0px 0px 1px #2f2f4f0f, inset 0px -1px 0px #2f2f4f0a, 0px 1px 1px -1px #2d2e4e1f);
 }
-._96tj13c-3-9-0 .cm-line.cm-line {
+._96tj13c-3-9-1 .cm-line.cm-line {
   padding-left: 0;
-  color: var(--_96tj133-3-9-0);
+  color: var(--_96tj133-3-9-1);
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
-._96tj13c-3-9-0 .cm-scroller {
+._96tj13c-3-9-1 .cm-scroller {
   display: block !important;
   overflow-x: hidden;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._96tj13c-3-9-0 .cm-cursor {
+._96tj13c-3-9-1 .cm-cursor {
   border-color: var(--dt-colors-text-neutral-default, #2f2f4f);
   margin-left: 0;
 }
-._96tj13c-3-9-0 .cm-selectionLayer {
+._96tj13c-3-9-1 .cm-selectionLayer {
   z-index: unset !important;
   transform: unset !important;
 }
-._96tj13c-3-9-0 .cm-selectionBackground, ._96tj13c-3-9-0 .ͼ2 .cm-selectionBackground {
+._96tj13c-3-9-1 .cm-selectionBackground, ._96tj13c-3-9-1 .ͼ2 .cm-selectionBackground {
   background-image: linear-gradient(var(--dt-colors-background-container-neutral-accent, #5b5c81), var(--dt-colors-background-container-neutral-accent, #5b5c81)) !important;
   mix-blend-mode: difference;
 }
-._96tj13c-3-9-0 .cm-lintRange-error.cm-lintRange-error {
+._96tj13c-3-9-1 .cm-lintRange-error.cm-lintRange-error {
   background-image: none;
 }
-._96tj13c-3-9-0 .cm-lintPoint-error::after {
+._96tj13c-3-9-1 .cm-lintPoint-error::after {
   border: none;
 }
-._96tj13c-3-9-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete {
+._96tj13c-3-9-1 .cm-tooltip-autocomplete.cm-tooltip-autocomplete {
   left: 0 !important;
   right: 0;
   width: unset;
   max-width: unset;
   transform: translateY(var(--dt-spacings-size-4, 4px));
 }
-._96tj13c-3-9-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete ul {
+._96tj13c-3-9-1 .cm-tooltip-autocomplete.cm-tooltip-autocomplete ul {
   max-width: unset;
 }
-._96tj13p-3-9-0 .cm-placeholder.cm-placeholder,
- ._96tj13o-3-9-0 .cm-placeholder.cm-placeholder {
+._96tj13p-3-9-1 .cm-placeholder.cm-placeholder,
+ ._96tj13o-3-9-1 .cm-placeholder.cm-placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._96tj13e-3-9-0 .cm-placeholder.cm-placeholder {
+._96tj13e-3-9-1 .cm-placeholder.cm-placeholder {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._96tj1315-3-9-0 {
+._96tj1315-3-9-1 {
   position: absolute;
   width: 1px;
   height: 1px;