@dynatrace/strato-components 3.2.0 → 3.2.1

package/esm/typography/paragraph/Paragraph.sty.js

@@ -1,6 +1,6 @@
 import "./Paragraph.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var paragraph = _7a468({ defaultClassName: "_487p2n0-3-2-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-2-0", multiLine: "_487p2n2-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = _7a468({ defaultClassName: "_487p2n0-3-2-1", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-2-1", multiLine: "_487p2n2-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   paragraph
 };

package/esm/typography/paragraph/Paragraph.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/paragraph/Paragraph.css.ts"],
-  "sourcesContent": ["import './Paragraph.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var paragraph = _7a468({defaultClassName:'_487p2n0-3-2-0',variantClassNames:{ellipsis:{singleLine:'_487p2n1-3-2-0',multiLine:'_487p2n2-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Paragraph.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var paragraph = _7a468({defaultClassName:'_487p2n0-3-2-1',variantClassNames:{ellipsis:{singleLine:'_487p2n1-3-2-1',multiLine:'_487p2n2-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,YAAW,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0-3-2-0 {
+._4oao6y0-3-2-1 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/esm/typography/strikethrough/Strikethrough.sty.js

@@ -1,5 +1,5 @@
 import "./Strikethrough.css";
-var strikethroughCSS = "_4oao6y0-3-2-0";
+var strikethroughCSS = "_4oao6y0-3-2-1";
 export {
   strikethroughCSS
 };

package/esm/typography/strikethrough/Strikethrough.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/strikethrough/Strikethrough.css.ts"],
-  "sourcesContent": ["import './Strikethrough.css';\nexport var strikethroughCSS = '_4oao6y0-3-2-0';"],
+  "sourcesContent": ["import './Strikethrough.css';\nexport var strikethroughCSS = '_4oao6y0-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-._wxp4dd0-3-2-0 {
+._wxp4dd0-3-2-1 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/esm/typography/strong/Strong.sty.js

@@ -1,5 +1,5 @@
 import "./Strong.css";
-var strongCSS = "_wxp4dd0-3-2-0";
+var strongCSS = "_wxp4dd0-3-2-1";
 export {
   strongCSS
 };

package/esm/typography/strong/Strong.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/strong/Strong.css.ts"],
-  "sourcesContent": ["import './Strong.css';\nexport var strongCSS = '_wxp4dd0-3-2-0';"],
+  "sourcesContent": ["import './Strong.css';\nexport var strongCSS = '_wxp4dd0-3-2-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/typography/text/Text.css

@@ -1,16 +1,16 @@
-._rup8ap0-3-2-0 {
+._rup8ap0-3-2-1 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-._rup8ap1-3-2-0 {
+._rup8ap1-3-2-1 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._rup8ap2-3-2-0 {
+._rup8ap2-3-2-1 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/esm/typography/text/Text.sty.js

@@ -1,6 +1,6 @@
 import "./Text.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var text = _7a468({ defaultClassName: "_rup8ap0-3-2-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-2-0", multiLine: "_rup8ap2-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var text = _7a468({ defaultClassName: "_rup8ap0-3-2-1", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-2-1", multiLine: "_rup8ap2-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   text
 };

package/esm/typography/text/Text.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/text/Text.css.ts"],
-  "sourcesContent": ["import './Text.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var text = _7a468({defaultClassName:'_rup8ap0-3-2-0',variantClassNames:{ellipsis:{singleLine:'_rup8ap1-3-2-0',multiLine:'_rup8ap2-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Text.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var text = _7a468({defaultClassName:'_rup8ap0-3-2-1',variantClassNames:{ellipsis:{singleLine:'_rup8ap1-3-2-1',multiLine:'_rup8ap2-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,YAAW,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-3-2-0 {
+._1mnpbqs1-3-2-1 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-3-2-0 {
+._1mnpbqs2-3-2-1 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-3-2-0::after, ._1mnpbqs2-3-2-0::before {
+._1mnpbqs2-3-2-1::after, ._1mnpbqs2-3-2-1::before {
   content: "‎";
 }
-._1mnpbqs3-3-2-0 {
+._1mnpbqs3-3-2-1 {
   text-overflow: clip;
 }
-._1mnpbqs3-3-2-0._1mnpbqs0-3-2-0:after {
+._1mnpbqs3-3-2-1._1mnpbqs0-3-2-1:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-3-2-0 {
+._1mnpbqs4-3-2-1 {
   text-overflow: ellipsis;
 }

package/esm/typography/text-ellipsis/TextEllipsis.sty.js

@@ -1,7 +1,7 @@
 import "./TextEllipsis.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var active = "_1mnpbqs0-3-2-0";
-var ellipsis = _7a468({ defaultClassName: "_1mnpbqs1-3-2-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-2-0", middle: "_1mnpbqs3-3-2-0", end: "_1mnpbqs4-3-2-0" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-3-2-1";
+var ellipsis = _7a468({ defaultClassName: "_1mnpbqs1-3-2-1", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-2-1", middle: "_1mnpbqs3-3-2-1", end: "_1mnpbqs4-3-2-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   active,
   ellipsis

package/esm/typography/text-ellipsis/TextEllipsis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/text-ellipsis/TextEllipsis.css.ts"],
-  "sourcesContent": ["import './TextEllipsis.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var active = '_1mnpbqs0-3-2-0';\nexport var ellipsis = _7a468({defaultClassName:'_1mnpbqs1-3-2-0',variantClassNames:{truncationMode:{start:'_1mnpbqs2-3-2-0',middle:'_1mnpbqs3-3-2-0',end:'_1mnpbqs4-3-2-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './TextEllipsis.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var active = '_1mnpbqs0-3-2-1';\nexport var ellipsis = _7a468({defaultClassName:'_1mnpbqs1-3-2-1',variantClassNames:{truncationMode:{start:'_1mnpbqs2-3-2-1',middle:'_1mnpbqs3-3-2-1',end:'_1mnpbqs4-3-2-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,SAAS;AACb,IAAI,WAAW,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,gBAAe,EAAC,OAAM,mBAAkB,QAAO,mBAAkB,KAAI,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/filters/filter-field/FilterField.css

@@ -1,93 +1,93 @@
-._96tj13b-3-2-0 {
+._96tj13b-3-2-1 {
   max-height: 80px;
 }
-._96tj13c-3-2-0 {
-  --_96tj130-3-2-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_96tj131-3-2-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj132-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj133-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-2-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj135-3-2-0: var(--dt-colors-syntax-operators, #8136a9);
-  --_96tj136-3-2-0: var(--dt-colors-syntax-operators, #8136a9);
-  --_96tj137-3-2-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) transparent;
-  --_96tj138-3-2-0: transparent;
-  --_96tj13a-3-2-0: transparent;
-  --_96tj139-3-2-0: var(--dt-colors-icon-neutral-default, #2f2f4f);
+._96tj13c-3-2-1 {
+  --_96tj130-3-2-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_96tj131-3-2-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj132-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj133-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-2-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj135-3-2-1: var(--dt-colors-syntax-operators, #8136a9);
+  --_96tj136-3-2-1: var(--dt-colors-syntax-operators, #8136a9);
+  --_96tj137-3-2-1: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) transparent;
+  --_96tj138-3-2-1: transparent;
+  --_96tj13a-3-2-1: transparent;
+  --_96tj139-3-2-1: var(--dt-colors-icon-neutral-default, #2f2f4f);
   position: relative;
   width: 100%;
   max-height: inherit;
 }
-._96tj13c-3-2-0::selection {
+._96tj13c-3-2-1::selection {
   background: #fff;
 }
-._96tj13d-3-2-0 {
-  --_96tj137-3-2-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-accent, #bb0731);
-  --_96tj138-3-2-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_96tj13a-3-2-0: var(--dt-colors-border-critical-accent, #bb0731);
-  --_96tj139-3-2-0: var(--dt-colors-icon-critical-default, #bb0731);
+._96tj13d-3-2-1 {
+  --_96tj137-3-2-1: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-accent, #bb0731);
+  --_96tj138-3-2-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_96tj13a-3-2-1: var(--dt-colors-border-critical-accent, #bb0731);
+  --_96tj139-3-2-1: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._96tj13e-3-2-0 {
+._96tj13e-3-2-1 {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._96tj13f-3-2-0 {
+._96tj13f-3-2-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-2-0 {
+._96tj13g-3-2-1 {
   color: var(--dt-colors-icon-critical-default, #bb0731);
 }
-._96tj13h-3-2-0 {
+._96tj13h-3-2-1 {
   color: var(--dt-colors-icon-neutral-disabled, #595a7d80);
 }
-._96tj13i-3-2-0 {
+._96tj13i-3-2-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-2-0 {
-  background-color: var(--_96tj130-3-2-0);
+._96tj13j-3-2-1 {
+  background-color: var(--_96tj130-3-2-1);
   border-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._96tj13j-3-2-0:hover {
+._96tj13j-3-2-1:hover {
   position: relative;
   border-radius: var(--dt-borders-radius-field-subdued, 3px) 0 0 var(--dt-borders-radius-field-subdued, 3px);
 }
-._96tj13k-3-2-0:hover {
+._96tj13k-3-2-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-2-0 {
+._96tj13l-3-2-1 {
   line-height: 24px;
 }
-._96tj13m-3-2-0 {
-  --_96tj131-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj132-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj135-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj133-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+._96tj13m-3-2-1 {
+  --_96tj131-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj132-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj135-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj133-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._96tj13n-3-2-0 {
+._96tj13n-3-2-1 {
   cursor: not-allowed;
 }
-._96tj13o-3-2-0 {
-  --_96tj130-3-2-0: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
-  --_96tj131-3-2-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj134-3-2-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj132-3-2-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj135-3-2-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj137-3-2-0: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-disabled, #dadbe480);
-  --_96tj138-3-2-0: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
-  --_96tj133-3-2-0: var(--dt-colors-text-neutral-disabled, #595a7d80);
-  --_96tj13a-3-2-0: var(--dt-colors-border-critical-disabled, #dadbe480);
-}
-._96tj13q-3-2-0 {
+._96tj13o-3-2-1 {
+  --_96tj130-3-2-1: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
+  --_96tj131-3-2-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj134-3-2-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj132-3-2-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj135-3-2-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj137-3-2-1: var(--dt-borders-width-default, 1px) var(--dt-borders-style-dashed, dashed) var(--dt-colors-border-critical-disabled, #dadbe480);
+  --_96tj138-3-2-1: var(--dt-colors-background-field-critical-disabled, #e4e5eb80);
+  --_96tj133-3-2-1: var(--dt-colors-text-neutral-disabled, #595a7d80);
+  --_96tj13a-3-2-1: var(--dt-colors-border-critical-disabled, #dadbe480);
+}
+._96tj13q-3-2-1 {
   position: relative;
   opacity: 0;
   font-size: var(--dt-typography-text-base-default-size, 14px);
@@ -96,11 +96,11 @@
   user-select: none;
   transition: none;
 }
-._96tj13q-3-2-0:hover {
+._96tj13q-3-2-1:hover {
   opacity: 1;
   pointer-events: initial;
 }
-._96tj13r-3-2-0 {
+._96tj13r-3-2-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);
@@ -113,15 +113,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-2-0);
-  background-color: var(--_96tj130-3-2-0);
+  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--_96tj130-3-2-1);
+  background-color: var(--_96tj130-3-2-1);
   box-shadow: -1px 0px 0px 0px var(--dt-colors-background-surface-default, #fff);
 }
-._96tj13r-3-2-0:hover {
+._96tj13r-3-2-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-2-0:before {
+._96tj13r-3-2-1:before {
   content: "";
   position: absolute;
   left: calc(var(--dt-borders-width-default, 1px) * -1);
@@ -132,184 +132,184 @@
   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-2-0 {
+._96tj13s-3-2-1 {
   background-color: var(--dt-colors-background-surface-default, #fff);
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
   box-shadow: none;
 }
-._96tj13s-3-2-0:hover {
+._96tj13s-3-2-1:hover {
   border-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._96tj13t-3-2-0 {
+._96tj13t-3-2-1 {
   color: var(--dt-colors-icon-neutral-default, #2f2f4f);
   pointer-events: none;
 }
-._96tj13c-3-2-0.hideDeleteWhileTyping ._96tj13i-3-2-0:hover {
+._96tj13c-3-2-1.hideDeleteWhileTyping ._96tj13i-3-2-1:hover {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._96tj13c-3-2-0.hideDeleteWhileTyping ._96tj13k-3-2-0:hover {
+._96tj13c-3-2-1.hideDeleteWhileTyping ._96tj13k-3-2-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-2-0:not(.hideDeleteWhileTyping) ._96tj13j-3-2-0:hover ._96tj13q-3-2-0,
-  ._96tj13c-3-2-0:not(.hideDeleteWhileTyping) ._96tj13k-3-2-0:hover ._96tj13q-3-2-0 {
+._96tj13c-3-2-1:not(.hideDeleteWhileTyping) ._96tj13j-3-2-1:hover ._96tj13q-3-2-1,
+  ._96tj13c-3-2-1:not(.hideDeleteWhileTyping) ._96tj13k-3-2-1:hover ._96tj13q-3-2-1 {
   opacity: 1;
   pointer-events: initial;
   transition: opacity var(--dt-timings-base-default, 300ms);
 }
-._96tj13c-3-2-0:not(.hideDeleteWhileTyping) ._96tj13j-3-2-0:has(img + ._96tj13q-3-2-0:hover),
-  ._96tj13c-3-2-0:not(.hideDeleteWhileTyping) ._96tj13k-3-2-0:has(img + ._96tj13q-3-2-0:hover) {
+._96tj13c-3-2-1:not(.hideDeleteWhileTyping) ._96tj13j-3-2-1:has(img + ._96tj13q-3-2-1:hover),
+  ._96tj13c-3-2-1:not(.hideDeleteWhileTyping) ._96tj13k-3-2-1:has(img + ._96tj13q-3-2-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-2-0);
+  background-color: var(--_96tj130-3-2-1);
 }
-._96tj13u-3-2-0 {
-  --_96tj131-3-2-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj132-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
-  --_96tj134-3-2-0: var(--dt-colors-syntax-variable, #2754b5);
-  --_96tj135-3-2-0: var(--dt-colors-syntax-operators, #8136a9);
+._96tj13u-3-2-1 {
+  --_96tj131-3-2-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj132-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
+  --_96tj134-3-2-1: var(--dt-colors-syntax-variable, #2754b5);
+  --_96tj135-3-2-1: var(--dt-colors-syntax-operators, #8136a9);
 }
-._96tj13v-3-2-0 {
-  color: var(--_96tj131-3-2-0);
+._96tj13v-3-2-1 {
+  color: var(--_96tj131-3-2-1);
 }
-._96tj13w-3-2-0 {
-  color: var(--_96tj132-3-2-0);
+._96tj13w-3-2-1 {
+  color: var(--_96tj132-3-2-1);
 }
-._96tj13x-3-2-0 {
-  color: var(--_96tj134-3-2-0);
+._96tj13x-3-2-1 {
+  color: var(--_96tj134-3-2-1);
 }
-._96tj13y-3-2-0 {
-  color: var(--_96tj135-3-2-0);
+._96tj13y-3-2-1 {
+  color: var(--_96tj135-3-2-1);
 }
-._96tj13z-3-2-0 ._96tj13y-3-2-0 {
-  --_96tj135-3-2-0: var(--dt-colors-text-neutral-default, #2f2f4f);
+._96tj13z-3-2-1 ._96tj13y-3-2-1 {
+  --_96tj135-3-2-1: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._96tj1310-3-2-0 {
-  color: var(--_96tj136-3-2-0);
+._96tj1310-3-2-1 {
+  color: var(--_96tj136-3-2-1);
 }
-._96tj1311-3-2-0 {
+._96tj1311-3-2-1 {
   position: relative;
   z-index: 0;
 }
-._96tj1311-3-2-0::before {
+._96tj1311-3-2-1::before {
   content: " ";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
   width: 100%;
   line-height: 20px;
-  background-color: var(--_96tj138-3-2-0);
+  background-color: var(--_96tj138-3-2-1);
   z-index: -1;
 }
-._96tj1311-3-2-0::after {
+._96tj1311-3-2-1::after {
   content: " ";
   position: absolute;
   bottom: calc(var(--dt-spacings-size-4, 4px) * -1);
   left: 0;
   width: 100%;
-  border-bottom: var(--_96tj137-3-2-0);
+  border-bottom: var(--_96tj137-3-2-1);
   pointer-events: none;
 }
-._96tj1312-3-2-0 {
+._96tj1312-3-2-1 {
   position: relative;
 }
-._96tj1312-3-2-0::after {
+._96tj1312-3-2-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-2-0);
+  border: var(--dt-spacings-size-4, 4px) solid var(--_96tj13a-3-2-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-2-0::after {
+._96tj1313-3-2-1::after {
   left: 0;
   transform: translateX(-50%);
 }
-._96tj1314-3-2-0::after {
+._96tj1314-3-2-1::after {
   right: 0;
   transform: translateX(50%);
 }
-._96tj13c-3-2-0 .cm-editor {
+._96tj13c-3-2-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-2-0:has([data-suggestion-pin="true"]) .cm-editor {
+._96tj13c-3-2-1:has([data-suggestion-pin="true"]) .cm-editor {
   padding-inline: var(--dt-spacings-size-28, 28px) var(--dt-spacings-size-64, 64px);
 }
-._96tj13p-3-2-0 .cm-editor {
+._96tj13p-3-2-1 .cm-editor {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
   pointer-events: none;
 }
-._96tj13n-3-2-0 ._96tj13r-3-2-0 {
+._96tj13n-3-2-1 ._96tj13r-3-2-1 {
   display: none;
 }
-._96tj13n-3-2-0 ._96tj13r-3-2-0 ._96tj13s-3-2-0 {
+._96tj13n-3-2-1 ._96tj13r-3-2-1 ._96tj13s-3-2-1 {
   display: none;
 }
-._96tj13n-3-2-0 .cm-cursorLayer {
+._96tj13n-3-2-1 .cm-cursorLayer {
   display: none;
 }
-._96tj13o-3-2-0 .cm-editor {
+._96tj13o-3-2-1 .cm-editor {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._96tj13c-3-2-0 .cm-editor.cm-focused.cm-focused {
+._96tj13c-3-2-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);
 }
-._96tj13c-3-2-0._96tj13e-3-2-0 .cm-editor.cm-focused.cm-focused {
+._96tj13c-3-2-1._96tj13e-3-2-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);
 }
-._96tj13c-3-2-0 .cm-line.cm-line {
+._96tj13c-3-2-1 .cm-line.cm-line {
   padding-left: 0;
-  color: var(--_96tj133-3-2-0);
+  color: var(--_96tj133-3-2-1);
   font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
 }
-._96tj13c-3-2-0 .cm-scroller {
+._96tj13c-3-2-1 .cm-scroller {
   display: block !important;
   overflow-x: hidden;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._96tj13c-3-2-0 .cm-cursor {
+._96tj13c-3-2-1 .cm-cursor {
   border-color: var(--dt-colors-text-neutral-default, #2f2f4f);
   margin-left: 0;
 }
-._96tj13c-3-2-0 .cm-selectionLayer {
+._96tj13c-3-2-1 .cm-selectionLayer {
   z-index: unset !important;
   transform: unset !important;
 }
-._96tj13c-3-2-0 .cm-selectionBackground, ._96tj13c-3-2-0 .ͼ2 .cm-selectionBackground {
+._96tj13c-3-2-1 .cm-selectionBackground, ._96tj13c-3-2-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-2-0 .cm-lintRange-error.cm-lintRange-error {
+._96tj13c-3-2-1 .cm-lintRange-error.cm-lintRange-error {
   background-image: none;
 }
-._96tj13c-3-2-0 .cm-lintPoint-error::after {
+._96tj13c-3-2-1 .cm-lintPoint-error::after {
   border: none;
 }
-._96tj13c-3-2-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete {
+._96tj13c-3-2-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-2-0 .cm-tooltip-autocomplete.cm-tooltip-autocomplete ul {
+._96tj13c-3-2-1 .cm-tooltip-autocomplete.cm-tooltip-autocomplete ul {
   max-width: unset;
 }
-._96tj13p-3-2-0 .cm-placeholder.cm-placeholder,
-._96tj13o-3-2-0 .cm-placeholder.cm-placeholder {
+._96tj13p-3-2-1 .cm-placeholder.cm-placeholder,
+._96tj13o-3-2-1 .cm-placeholder.cm-placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._96tj13e-3-2-0 .cm-placeholder.cm-placeholder {
+._96tj13e-3-2-1 .cm-placeholder.cm-placeholder {
   color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._96tj1315-3-2-0 {
+._96tj1315-3-2-1 {
   position: absolute;
   width: 1px;
   height: 1px;