@dynatrace/strato-components 3.5.0 → 3.6.0

package/filters/filter-field/FilterField.css

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

package/filters/filter-field/FilterField.js

@@ -550,8 +550,12 @@ const _FilterField = (0, import_react.forwardRef)(
             }
             if (annotation === import_editor_config.ANNOTATION_END_PASTING_MODE) {
               queueMicrotask(() => {
-                if (editorViewRef?.current) {
-                  (0, import_autocomplete.startCompletion)(editorViewRef.current);
+                try {
+                  if (editorViewRef?.current) {
+                    (0, import_autocomplete.startCompletion)(editorViewRef.current);
+                  }
+                } catch (e) {
+                  showBoundary(e);
                 }
               });
             }
@@ -682,37 +686,45 @@ const _FilterField = (0, import_react.forwardRef)(
       }
       const doc = editorViewRef.current.state.doc;
       queueMicrotask(() => {
-        if (editorViewRef.current) {
-          const tree = (0, import_language.syntaxTree)(editorViewRef.current.state);
-          const { tree: convertedTree, isValid } = getSyntaxTree({
-            tree,
-            view: editorViewRef.current,
-            numberParser,
-            doc: doc.toString(),
-            internalValidatorMap: internalValidatorMapRef.current,
-            customTypes: customTypesRef.current,
-            parserConfig
-          });
-          updateSyntaxError(isValid);
-          onChangeRef.current?.(doc.toString(), convertedTree, isValid);
-          onInputChange();
-          viewDispatch({
-            effects: [import_editor_config.validatorMapEffect.of(validatorMapRef?.current)],
-            // In order to re-run the decorations and re-generate errors and diagnostics,
-            // we have to dispatch a new document.
-            changes: {
-              from: 0,
-              to: editorViewRef.current.state.doc.length,
-              insert: doc.toString()
-            }
-          });
-          if (validatorMapChanged || customTypesChanged) {
-            queueMicrotask(() => {
-              if (editorViewRef.current) {
-                (0, import_autocomplete.startCompletion)(editorViewRef.current);
+        try {
+          if (editorViewRef.current) {
+            const tree = (0, import_language.syntaxTree)(editorViewRef.current.state);
+            const { tree: convertedTree, isValid } = getSyntaxTree({
+              tree,
+              view: editorViewRef.current,
+              numberParser,
+              doc: doc.toString(),
+              internalValidatorMap: internalValidatorMapRef.current,
+              customTypes: customTypesRef.current,
+              parserConfig
+            });
+            updateSyntaxError(isValid);
+            onChangeRef.current?.(doc.toString(), convertedTree, isValid);
+            onInputChange();
+            viewDispatch({
+              effects: [import_editor_config.validatorMapEffect.of(validatorMapRef?.current)],
+              // In order to re-run the decorations and re-generate errors and diagnostics,
+              // we have to dispatch a new document.
+              changes: {
+                from: 0,
+                to: editorViewRef.current.state.doc.length,
+                insert: doc.toString()
               }
             });
+            if (validatorMapChanged || customTypesChanged) {
+              queueMicrotask(() => {
+                try {
+                  if (editorViewRef.current) {
+                    (0, import_autocomplete.startCompletion)(editorViewRef.current);
+                  }
+                } catch (e) {
+                  showBoundary(e);
+                }
+              });
+            }
           }
+        } catch (e) {
+          showBoundary(e);
         }
       });
     }
@@ -745,48 +757,54 @@ const _FilterField = (0, import_react.forwardRef)(
       setPrevValue(value);
       valueRef.current = value;
       queueMicrotask(() => {
-        setAction({
-          type: "controlledValueChange",
-          data: {
-            value: prevValue ?? "",
-            newValue: valueRef.current
+        try {
+          setAction({
+            type: "controlledValueChange",
+            data: {
+              value: prevValue ?? "",
+              newValue: valueRef.current
+            }
+          });
+          onInputChange();
+          const lastTransaction = transactionRef.current && transactionRef.current[transactionRef.current.length - 1];
+          const selection = lastTransaction?.selection ?? // Fall back to the current editor selection in case the last transaction is undefined
+          // to avoid a jumping cursor when typing really fast.
+          editorViewRef.current?.state.selection;
+          const anchor = Math.min(
+            value.length,
+            (isEditorSelection(selection) ? selection.ranges[0].anchor : selection?.anchor) ?? value.length
+          );
+          let dispatchedSelection = {
+            anchor
+          };
+          if (valuePlaceholderWildcardSelection.current?.isActive && valuePlaceholderWildcardSelection.current?.potentialNewValue === value) {
+            const selectionFrom = valuePlaceholderWildcardSelection.current.range?.from;
+            const selectionTo = valuePlaceholderWildcardSelection.current.range?.to;
+            if (selectionFrom && selectionFrom <= value.length && selectionTo && selectionTo <= value.length) {
+              dispatchedSelection = {
+                anchor: selectionFrom,
+                head: selectionTo
+              };
+            }
           }
-        });
-        onInputChange();
-        const lastTransaction = transactionRef.current && transactionRef.current[transactionRef.current.length - 1];
-        const selection = lastTransaction?.selection ?? // Fall back to the current editor selection in case the last transaction is undefined
-        // to avoid a jumping cursor when typing really fast.
-        editorViewRef.current?.state.selection;
-        const anchor = Math.min(
-          value.length,
-          (isEditorSelection(selection) ? selection.ranges[0].anchor : selection?.anchor) ?? value.length
-        );
-        let dispatchedSelection = { anchor };
-        if (valuePlaceholderWildcardSelection.current?.isActive && valuePlaceholderWildcardSelection.current?.potentialNewValue === value) {
-          const selectionFrom = valuePlaceholderWildcardSelection.current.range?.from;
-          const selectionTo = valuePlaceholderWildcardSelection.current.range?.to;
-          if (selectionFrom && selectionFrom <= value.length && selectionTo && selectionTo <= value.length) {
-            dispatchedSelection = {
-              anchor: selectionFrom,
-              head: selectionTo
+          viewDispatch({
+            changes: {
+              from: 0,
+              to: editorViewRef.current?.state.doc.length ?? 0,
+              insert: value
+            },
+            annotations: import_editor_config.stringAnnotation.of(import_editor_config.ANNOTATION_DOC_CHANGED_CONTROLLED),
+            selection: dispatchedSelection
+          });
+          if (valuePlaceholderWildcardSelection.current) {
+            valuePlaceholderWildcardSelection.current = {
+              isActive: false
             };
           }
+          transactionRef.current = void 0;
+        } catch (e) {
+          showBoundary(e);
         }
-        viewDispatch({
-          changes: {
-            from: 0,
-            to: editorViewRef.current?.state.doc.length ?? 0,
-            insert: value
-          },
-          annotations: import_editor_config.stringAnnotation.of(import_editor_config.ANNOTATION_DOC_CHANGED_CONTROLLED),
-          selection: dispatchedSelection
-        });
-        if (valuePlaceholderWildcardSelection.current) {
-          valuePlaceholderWildcardSelection.current = {
-            isActive: false
-          };
-        }
-        transactionRef.current = void 0;
       });
     }
     if (disabled !== prevPropDisabled || required !== prevPropRequired || readOnly !== prevPropReadOnly || id !== prevPropId) {
@@ -921,6 +939,9 @@ const _FilterField = (0, import_react.forwardRef)(
               ),
               onBlur: onInputBlur,
               onKeyDown: (event) => {
+                if (event.target instanceof HTMLElement && event.target.closest("button")) {
+                  return;
+                }
                 if (readOnly && event.key !== "Tab" && !event.ctrlKey) {
                   event.preventDefault();
                   return;