@dynatrace/strato-components 3.12.1 → 3.13.0

package/filters/filter-field/utils/validation-utils/operator-specification.js

@@ -48,7 +48,9 @@ const OperatorsWithNames = {
   "ends-with": "ends-with",
   "not-contains": "not-contains",
   "not-starts-with": "not-starts-with",
-  "not-ends-with": "not-ends-with"
+  "not-ends-with": "not-ends-with",
+  "matches-wildcard": "matches-wildcard",
+  "not-matches-wildcard": "not-matches-wildcard"
 };
 const getOperatorName = (operator) => OperatorsWithNames[operator] ?? "";
 const getOperatorShortName = (comparisonOperator) => {
@@ -73,7 +75,9 @@ const stringOperators = [
   "ends-with",
   "not-contains",
   "not-starts-with",
-  "not-ends-with"
+  "not-ends-with",
+  "matches-wildcard",
+  "not-matches-wildcard"
 ];
 const listOperators = ["in", "not in"];
 const numericOperators = [
@@ -123,6 +127,8 @@ const FILTERFIELD_DEFAULT_OPERATORS = [
   "not-starts-with",
   "not-contains",
   "not-ends-with",
+  "matches-wildcard",
+  "not-matches-wildcard",
   "exists",
   "not-exists"
 ];

package/filters/filter-field/utils/validation-utils/validation-helper-functions.js

@@ -51,7 +51,9 @@ function isWildCardOperator(currentStatement) {
     "contains",
     "not-starts-with",
     "not-ends-with",
-    "not-contains"
+    "not-contains",
+    "matches-wildcard",
+    "not-matches-wildcard"
   ];
   return typeof currentStatement?.comparisonOperator?.value === "string" && wildCardOperators.includes(currentStatement?.comparisonOperator?.value);
 }
@@ -96,7 +98,7 @@ function isValidUIDType(valueType, textValue, validTypes, parserConfig) {
 }
 function isValidSmartscapeIdType(valueType, textValue, validTypes, parserConfig) {
   if (
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     !parserConfig?.smartscapeIdConversion && validTypes.includes("SmartscapeId")
   ) {
     if ((0, import_is_node_environment.isDev)()) {
@@ -263,13 +265,28 @@ function getValidOperators(key, internalValidatorMap, parserConfig) {
   key = typeof key === "string" ? key.replace(/^"(.*?(?<!\\)(?:\\\\)*)"$/, "$1") : key;
   const defaultOperators = [
     ...import_operator_specification.FILTERFIELD_DEFAULT_OPERATORS,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
-    ...parserConfig?.searchConversion ? ["search"] : []
+    // oxlint-disable-next-line typescript/no-deprecated
+    ...parserConfig?.searchConversion ? ["search"] : [],
+    // oxlint-disable-next-line typescript/no-deprecated
+    ...parserConfig?.matchesWildcardConversion ? [
+      "matches-wildcard",
+      "not-matches-wildcard"
+    ] : []
   ];
   if (!internalValidatorMap) {
     return defaultOperators;
   }
   const globalOperators = internalValidatorMap.comparisonOperators || defaultOperators;
+  if ((0, import_is_node_environment.isDev)() && !parserConfig?.matchesWildcardConversion) {
+    const hasWildcardOperators = globalOperators.some(
+      (op) => op === "matches-wildcard" || op === "not-matches-wildcard"
+    );
+    if (hasWildcardOperators) {
+      console.warn(
+        "matches-wildcard or not-matches-wildcard are configured in the validatorMap but parserConfig.matchesWildcardConversion is not enabled. To get full support for wildcard-in-middle operators please also enable matchesWildcardConversion in the parserConfig."
+      );
+    }
+  }
   const predicate = key ? internalValidatorMap.normalizedKeys.byKey.get(key) : void 0;
   if (!predicate && key === "*") {
     return [];
@@ -278,6 +295,16 @@ function getValidOperators(key, internalValidatorMap, parserConfig) {
     return globalOperators;
   }
   if (predicate.comparisonOperators) {
+    if ((0, import_is_node_environment.isDev)() && !parserConfig?.matchesWildcardConversion) {
+      const hasWildcardOperators = predicate.comparisonOperators.some(
+        (op) => op === "matches-wildcard" || op === "not-matches-wildcard"
+      );
+      if (hasWildcardOperators) {
+        console.warn(
+          "matches-wildcard or not-matches-wildcard are configured in a validatorMap entry but parserConfig.matchesWildcardConversion is not enabled. To get full support for wildcard-in-middle operators please also enable matchesWildcardConversion in the parserConfig."
+        );
+      }
+    }
     return predicate.comparisonOperators;
   }
   let allowedTypes;
@@ -316,6 +343,8 @@ const OPERATOR_SHORT_NAME_MAP = {
   "not-starts-with": "not-starts-with",
   "not-contains": "not-contains",
   "not-ends-with": "not-ends-with",
+  "matches-wildcard": "matches-wildcard",
+  "not-matches-wildcard": "not-matches-wildcard",
   exists: "= *",
   "not-exists": "!= *"
 };

package/filters/filter-field/utils/value-operations/remove-filter.js

@@ -30,7 +30,10 @@ function removeFilter(currentValue, filter, options) {
     validatorMap: {
       comparisonOperators: [...import_operator_specification.FILTERFIELD_ALL_OPERATORS]
     },
-    parserConfig: { searchConversion: true }
+    parserConfig: {
+      searchConversion: true,
+      matchesWildcardConversion: true
+    }
   });
   if (!tree) {
     return { updatedStatement: false, value: currentValue };

package/filters/segment-selector/SegmentSelector.css

@@ -1,22 +1,22 @@
-._11m6jkl0-3-12-1 {
+._11m6jkl0-3-13-0 {
   all: unset;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._11m6jkl1-3-12-1 {
+._11m6jkl1-3-13-0 {
   all: unset;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--dt-spacings-size-4, 4px);
 }
-._11m6jkl2-3-12-1 {
+._11m6jkl2-3-13-0 {
   max-height: 100px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._11m6jkl3-3-12-1 > div {
+._11m6jkl3-3-13-0 > div {
   padding-right: var(--dt-spacings-size-0, 0);
 }

package/filters/segment-selector/SegmentSelector.sty.js

@@ -24,7 +24,7 @@ __export(SegmentSelector_css_exports, {
 });
 module.exports = __toCommonJS(SegmentSelector_css_exports);
 var import_SegmentSelector_css_ts_vanilla = require("./SegmentSelector.css");
-var overwriteTooltipElementPadding = "_11m6jkl3-3-12-1";
-var segmentSelectorList = "_11m6jkl0-3-12-1";
-var segmentSelectorListItem = "_11m6jkl1-3-12-1";
-var tooltipMaxHeight = "_11m6jkl2-3-12-1";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-13-0";
+var segmentSelectorList = "_11m6jkl0-3-13-0";
+var segmentSelectorListItem = "_11m6jkl1-3-13-0";
+var tooltipMaxHeight = "_11m6jkl2-3-13-0";

package/filters/segment-selector/parts/EmptySegments.css

@@ -1,4 +1,4 @@
-._awal5d0-3-12-1._awal5d0-3-12-1 {
+._awal5d0-3-13-0._awal5d0-3-13-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);

package/filters/segment-selector/parts/EmptySegments.sty.js

@@ -21,4 +21,4 @@ __export(EmptySegments_css_exports, {
 });
 module.exports = __toCommonJS(EmptySegments_css_exports);
 var import_EmptySegments_css_ts_vanilla = require("./EmptySegments.css");
-var AppLinkButtonCSS = "_awal5d0-3-12-1";
+var AppLinkButtonCSS = "_awal5d0-3-13-0";

package/filters/segment-selector/parts/Overlay.css

@@ -1,10 +1,10 @@
-._bqi6d90-3-12-1 {
+._bqi6d90-3-13-0 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-12-1._bqi6d91-3-12-1 {
+._bqi6d91-3-13-0._bqi6d91-3-13-0 {
   display: flex;
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -14,24 +14,24 @@
   text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._bqi6d92-3-12-1 {
+._bqi6d92-3-13-0 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-12-1 {
+._bqi6d93-3-13-0 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-12-1 ._bqi6d94-3-12-1 {
+._bqi6d93-3-13-0 ._bqi6d94-3-13-0 {
   overflow: hidden;
 }
-._bqi6d95-3-12-1 {
+._bqi6d95-3-13-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-12-1._bqi6d96-3-12-1 {
+._bqi6d96-3-13-0._bqi6d96-3-13-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
@@ -40,6 +40,6 @@
   text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._bqi6d97-3-12-1 > fieldset > div {
+._bqi6d97-3-13-0 > fieldset > div {
   gap: var(--dt-spacings-size-8, 8px);
 }

package/filters/segment-selector/parts/Overlay.sty.js

@@ -28,11 +28,11 @@ __export(Overlay_css_exports, {
 });
 module.exports = __toCommonJS(Overlay_css_exports);
 var import_Overlay_css_ts_vanilla = require("./Overlay.css");
-var divider = "_bqi6d90-3-12-1";
-var fieldSet = "_bqi6d97-3-12-1";
-var isAnimating = "_bqi6d94-3-12-1";
-var legend = "_bqi6d96-3-12-1";
-var link = "_bqi6d95-3-12-1";
-var menuLink = "_bqi6d91-3-12-1";
-var overlayDefaultWidth = "_bqi6d92-3-12-1";
-var scrollContainer = "_bqi6d93-3-12-1";
+var divider = "_bqi6d90-3-13-0";
+var fieldSet = "_bqi6d97-3-13-0";
+var isAnimating = "_bqi6d94-3-13-0";
+var legend = "_bqi6d96-3-13-0";
+var link = "_bqi6d95-3-13-0";
+var menuLink = "_bqi6d91-3-13-0";
+var overlayDefaultWidth = "_bqi6d92-3-13-0";
+var scrollContainer = "_bqi6d93-3-13-0";

package/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.css

@@ -1,17 +1,17 @@
-._7mq3is0-3-12-1 {
+._7mq3is0-3-13-0 {
   all: unset;
   padding: 0;
   width: 100%;
   transition: height var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._7mq3is1-3-12-1 {
+._7mq3is1-3-13-0 {
   height: 0;
   opacity: 0;
 }
-._7mq3is2-3-12-1 {
+._7mq3is2-3-13-0 {
   height: auto;
   opacity: 1;
 }
-._7mq3is3-3-12-1 {
+._7mq3is3-3-13-0 {
   all: unset;
 }

package/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.sty.js

@@ -24,7 +24,7 @@ __export(ShowMorePanel_css_exports, {
 });
 module.exports = __toCommonJS(ShowMorePanel_css_exports);
 var import_ShowMorePanel_css_ts_vanilla = require("./ShowMorePanel.css");
-var expandableWrapper = "_7mq3is0-3-12-1";
-var expandableWrapperCollapsed = "_7mq3is1-3-12-1";
-var expandableWrapperExpanded = "_7mq3is2-3-12-1";
-var list = "_7mq3is3-3-12-1";
+var expandableWrapper = "_7mq3is0-3-13-0";
+var expandableWrapperCollapsed = "_7mq3is1-3-13-0";
+var expandableWrapperExpanded = "_7mq3is2-3-13-0";
+var list = "_7mq3is3-3-13-0";

package/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.css

@@ -1,27 +1,27 @@
-._1oehqvw3-3-12-1 {
+._1oehqvw3-3-13-0 {
   all: unset;
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw4-3-12-1 {
+._1oehqvw4-3-13-0 {
   all: unset;
   display: block;
 }
-._1oehqvw5-3-12-1._1oehqvw5-3-12-1 {
-  color: var(--_1oehqvw2-3-12-1);
+._1oehqvw5-3-13-0._1oehqvw5-3-13-0 {
+  color: var(--_1oehqvw2-3-13-0);
 }
-._1oehqvw6-3-12-1 {
+._1oehqvw6-3-13-0 {
   align-items: center;
   display: inline-block;
   text-wrap: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1oehqvw7-3-12-1._1oehqvw7-3-12-1 {
+._1oehqvw7-3-13-0._1oehqvw7-3-13-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw8-3-12-1::before {
+._1oehqvw8-3-13-0::before {
   content: " ";
   position: absolute;
   display: block;
@@ -32,54 +32,54 @@
   left: 0px;
   transform: translate(4px);
 }
-._1oehqvw9-3-12-1 {
-  --_1oehqvw0-3-12-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1oehqvw1-3-12-1: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
-  --_1oehqvw2-3-12-1: var(--dt-colors-text-neutral-subdued, #595a7d);
+._1oehqvw9-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1oehqvw1-3-13-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+  --_1oehqvw2-3-13-0: var(--dt-colors-text-neutral-subdued, #595a7d);
   grid-template-columns: 1fr max-content;
 }
-._1jgl8s50-3-12-1 ._1oehqvw9-3-12-1._1oehqvw9-3-12-1._1oehqvw9-3-12-1 {
+._1jgl8s50-3-13-0 ._1oehqvw9-3-13-0._1oehqvw9-3-13-0._1oehqvw9-3-13-0 {
   gap: 1px;
 }
-._1jgl8s50-3-12-1 ._1oehqvw9-3-12-1 {
-  --_1oehqvw0-3-12-1: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
+._1jgl8s50-3-13-0 ._1oehqvw9-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1oehqvwa-3-12-1 {
-  --_1oehqvw0-3-12-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1oehqvw1-3-12-1: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
-  --_1oehqvw2-3-12-1: var(--dt-colors-text-primary-default, #464cce);
+._1oehqvwa-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1oehqvw1-3-13-0: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
+  --_1oehqvw2-3-13-0: var(--dt-colors-text-primary-default, #464cce);
 }
-._1jgl8s50-3-12-1 ._1oehqvwa-3-12-1 {
-  --_1oehqvw0-3-12-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+._1jgl8s50-3-13-0 ._1oehqvwa-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
 }
-._1oehqvwb-3-12-1:hover._1oehqvwb-3-12-1:hover, ._1oehqvwb-3-12-1:focus-visible._1oehqvwb-3-12-1:focus-visible {
-  background-color: var(--_1oehqvw1-3-12-1);
+._1oehqvwb-3-13-0:hover._1oehqvwb-3-13-0:hover, ._1oehqvwb-3-13-0:focus-visible._1oehqvwb-3-13-0:focus-visible {
+  background-color: var(--_1oehqvw1-3-13-0);
 }
-._1oehqvwb-3-12-1:disabled:hover._1oehqvwb-3-12-1:disabled:hover {
-  background-color: var(--_1oehqvw0-3-12-1);
+._1oehqvwb-3-13-0:disabled:hover._1oehqvwb-3-13-0:disabled:hover {
+  background-color: var(--_1oehqvw0-3-13-0);
   cursor: not-allowed;
 }
-._1oehqvwc-3-12-1._1oehqvwc-3-12-1 {
+._1oehqvwc-3-13-0._1oehqvwc-3-13-0 {
   opacity: 0;
-  background-color: var(--_1oehqvw0-3-12-1);
+  background-color: var(--_1oehqvw0-3-13-0);
 }
-._1oehqvwc-3-12-1:hover._1oehqvwc-3-12-1:hover, ._1oehqvwc-3-12-1:focus-visible._1oehqvwc-3-12-1:focus-visible {
-  background-color: var(--_1oehqvw1-3-12-1);
+._1oehqvwc-3-13-0:hover._1oehqvwc-3-13-0:hover, ._1oehqvwc-3-13-0:focus-visible._1oehqvwc-3-13-0:focus-visible {
+  background-color: var(--_1oehqvw1-3-13-0);
 }
-._1oehqvwc-3-12-1:disabled, ._1oehqvwc-3-12-1:disabled:hover._1oehqvwc-3-12-1:disabled:hover {
+._1oehqvwc-3-13-0:disabled, ._1oehqvwc-3-13-0:disabled:hover._1oehqvwc-3-13-0:disabled:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1jgl8s50-3-12-1 ._1oehqvwc-3-12-1._1oehqvwc-3-12-1._1oehqvwc-3-12-1 {
+._1jgl8s50-3-13-0 ._1oehqvwc-3-13-0._1oehqvwc-3-13-0._1oehqvwc-3-13-0 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._1oehqvw9-3-12-1:has(button:focus-visible) ._1oehqvwc-3-12-1, ._1oehqvw9-3-12-1:hover ._1oehqvwc-3-12-1 {
+._1oehqvw9-3-13-0:has(button:focus-visible) ._1oehqvwc-3-13-0, ._1oehqvw9-3-13-0:hover ._1oehqvwc-3-13-0 {
   opacity: 1;
 }
-._1oehqvw9-3-12-1:has(._1oehqvwc-3-12-1:focus-visible) ._1oehqvwb-3-12-1, ._1oehqvw9-3-12-1:hover ._1oehqvwb-3-12-1:not(:hover) {
-  background-color: var(--_1oehqvw0-3-12-1);
+._1oehqvw9-3-13-0:has(._1oehqvwc-3-13-0:focus-visible) ._1oehqvwb-3-13-0, ._1oehqvw9-3-13-0:hover ._1oehqvwb-3-13-0:not(:hover) {
+  background-color: var(--_1oehqvw0-3-13-0);
 }
-._1oehqvw9-3-12-1 button, ._1oehqvw9-3-12-1:hover button {
+._1oehqvw9-3-13-0 button, ._1oehqvw9-3-13-0:hover button {
   transition-timing-function: unset;
   transition-duration: 0s;
   transition: none;

package/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.sty.js

@@ -31,13 +31,13 @@ __export(SegmentsPresets_css_exports, {
 module.exports = __toCommonJS(SegmentsPresets_css_exports);
 var import_AppRoot_css_ts_vanilla = require("../../../../core/components/app-root/AppRoot.css");
 var import_SegmentsPresets_css_ts_vanilla = require("./SegmentsPresets.css");
-var and = "_1oehqvw5-3-12-1";
-var buttonLabel = "_1oehqvw6-3-12-1";
-var inputGroup = "_1oehqvw9-3-12-1";
-var inputGroupSelected = "_1oehqvwa-3-12-1";
-var list = "_1oehqvw3-3-12-1";
-var listItem = "_1oehqvw4-3-12-1";
-var presetButton = "_1oehqvwb-3-12-1";
-var sectionHeadline = "_1oehqvw7-3-12-1";
-var selectionMark = "_1oehqvw8-3-12-1";
-var suffixButton = "_1oehqvwc-3-12-1";
+var and = "_1oehqvw5-3-13-0";
+var buttonLabel = "_1oehqvw6-3-13-0";
+var inputGroup = "_1oehqvw9-3-13-0";
+var inputGroupSelected = "_1oehqvwa-3-13-0";
+var list = "_1oehqvw3-3-13-0";
+var listItem = "_1oehqvw4-3-13-0";
+var presetButton = "_1oehqvwb-3-13-0";
+var sectionHeadline = "_1oehqvw7-3-13-0";
+var selectionMark = "_1oehqvw8-3-13-0";
+var suffixButton = "_1oehqvwc-3-13-0";

package/filters/segment-selector/parts/selectionBar/SegmentSelect.css

@@ -1,83 +1,83 @@
-._1fuxi5m0-3-12-1 {
+._1fuxi5m0-3-13-0 {
   grid-area: segment;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m0-3-12-1 {
+._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0 {
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m0-3-12-1:hover, ._1jgl8s50-3-12-1 ._1fuxi5m0-3-12-1:active, ._1jgl8s50-3-12-1 ._1fuxi5m0-3-12-1:focus-within {
+._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0:hover, ._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0:active, ._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0:focus-within {
   z-index: 1;
 }
-._1fuxi5m2-3-12-1._1fuxi5m2-3-12-1 {
+._1fuxi5m2-3-13-0._1fuxi5m2-3-13-0 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._1fuxi5m3-3-12-1 {
+._1fuxi5m3-3-13-0 {
   grid-area: variables;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m3-3-12-1 {
+._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0 {
   margin-left: -1px;
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m3-3-12-1:hover, ._1jgl8s50-3-12-1 ._1fuxi5m3-3-12-1:active, ._1jgl8s50-3-12-1 ._1fuxi5m3-3-12-1:focus-within {
+._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0:hover, ._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0:active, ._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0:focus-within {
   z-index: 1;
 }
-._1fuxi5m4-3-12-1 {
+._1fuxi5m4-3-13-0 {
   width: 100%;
   border-top-left-radius: 0;
 }
-._1fuxi5m5-3-12-1 {
+._1fuxi5m5-3-13-0 {
   grid-area: clear;
   grid-row-start: 1;
 }
-._1fuxi5m5-3-12-1._1fuxi5m5-3-12-1 {
+._1fuxi5m5-3-13-0._1fuxi5m5-3-13-0 {
   height: 100%;
   border-radius: 0 var(--dt-borders-radius-field-default, 6px) var(--dt-borders-radius-field-default, 6px) 0;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m5-3-12-1 {
+._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0 {
   margin-left: -1px;
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m5-3-12-1:hover, ._1jgl8s50-3-12-1 ._1fuxi5m5-3-12-1:active, ._1jgl8s50-3-12-1 ._1fuxi5m5-3-12-1:focus-within {
+._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0:hover, ._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0:active, ._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0:focus-within {
   z-index: 1;
 }
-._1fuxi5m6-3-12-1 {
+._1fuxi5m6-3-13-0 {
   gap: var(--dt-spacings-size-2, 2px);
   width: 100%;
   grid-template-columns: 40% auto max-content;
 }
-._1jgl8s50-3-12-1 ._1fuxi5m6-3-12-1 {
+._1jgl8s50-3-13-0 ._1fuxi5m6-3-13-0 {
   gap: var(--dt-spacings-size-0, 0);
 }
-._1fuxi5m7-3-12-1 {
+._1fuxi5m7-3-13-0 {
   grid-template-areas: "segment variables clear";
 }
-._1fuxi5m8-3-12-1 {
+._1fuxi5m8-3-13-0 {
   grid-template-areas: "segment variables";
   grid-template-columns: 40% auto;
 }
-._1fuxi5m9-3-12-1 {
+._1fuxi5m9-3-13-0 {
   grid-template-areas: "segment segment clear";
 }
-._1fuxi5ma-3-12-1 {
+._1fuxi5ma-3-13-0 {
   grid-template-areas: "segment segment";
 }
 @media screen and (max-width: 640px) {
-  ._1fuxi5m1-3-12-1 {
+  ._1fuxi5m1-3-13-0 {
     border-bottom-left-radius: 0;
   }
-  ._1jgl8s50-3-12-1 ._1fuxi5m3-3-12-1 {
+  ._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0 {
     margin-left: 0;
     margin-top: -1px;
   }
-  ._1fuxi5m7-3-12-1 {
+  ._1fuxi5m7-3-13-0 {
     grid-template-areas: "segment segment clear" "variables variables clear";
   }
 }
 @media screen and (min-width: 641px) {
-  ._1fuxi5m4-3-12-1 {
+  ._1fuxi5m4-3-13-0 {
     border-bottom-left-radius: 0;
   }
 }

package/filters/segment-selector/parts/selectionBar/SegmentSelect.sty.js

@@ -29,10 +29,10 @@ module.exports = __toCommonJS(SegmentSelect_css_exports);
 var import_AppRoot_css_ts_vanilla = require("../../../../core/components/app-root/AppRoot.css");
 var import_SegmentSelect_css_ts_vanilla = require("./SegmentSelect.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var clearButtonCSS = "_1fuxi5m5-3-12-1";
-var noBorderRadiusRight = "_1fuxi5m2-3-12-1";
-var segmentsSelectCSS = "_1fuxi5m0-3-12-1";
-var segmentsSelectGridCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1fuxi5m6-3-12-1", variantClassNames: { layout: { full: "_1fuxi5m7-3-12-1", "full-readonly": "_1fuxi5m8-3-12-1", "no-variables": "_1fuxi5m9-3-12-1", "no-variables-readonly": "_1fuxi5ma-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var segmentsSelectTriggerCSS = "_1fuxi5m1-3-12-1";
-var variablesSelectCSS = "_1fuxi5m3-3-12-1";
-var variablesSelectTriggerCSS = "_1fuxi5m4-3-12-1";
+var clearButtonCSS = "_1fuxi5m5-3-13-0";
+var noBorderRadiusRight = "_1fuxi5m2-3-13-0";
+var segmentsSelectCSS = "_1fuxi5m0-3-13-0";
+var segmentsSelectGridCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1fuxi5m6-3-13-0", variantClassNames: { layout: { full: "_1fuxi5m7-3-13-0", "full-readonly": "_1fuxi5m8-3-13-0", "no-variables": "_1fuxi5m9-3-13-0", "no-variables-readonly": "_1fuxi5ma-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var segmentsSelectTriggerCSS = "_1fuxi5m1-3-13-0";
+var variablesSelectCSS = "_1fuxi5m3-3-13-0";
+var variablesSelectTriggerCSS = "_1fuxi5m4-3-13-0";

package/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.css

@@ -1,3 +1,3 @@
-._1e5el1o0-3-12-1 {
+._1e5el1o0-3-13-0 {
   max-width: 400px;
 }

package/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.sty.js

@@ -21,4 +21,4 @@ __export(SegmentSelectorTrigger_css_exports, {
 });
 module.exports = __toCommonJS(SegmentSelectorTrigger_css_exports);
 var import_SegmentSelectorTrigger_css_ts_vanilla = require("./SegmentSelectorTrigger.css");
-var trigger = "_1e5el1o0-3-12-1";
+var trigger = "_1e5el1o0-3-13-0";

package/filters/segment-selector/parts/selectionBar/ValueSelect.js

@@ -82,7 +82,7 @@ const ValueSelect = (props) => {
   const { data: faasResult, isLoading: isFaasLoading } = (0, import_react_query.useQuery)(
     // excluded segment.segment.version: keying on it would refetch on every segment edit,
     // not just ones that change the query; overlay-reopen invalidation covers the rest.
-    // eslint-disable-next-line @tanstack/query/exhaustive-deps
+    // oxlint-disable-next-line @tanstack/query/exhaustive-deps
     {
       queryKey: ["getSegmentVariables", segment.segment.id, query],
       queryFn: () => (0, import_segments_presets.getSegmentVariables)(segment.segment.id, segment.segment.version)

package/filters/timeframe-selector/TimeframeSelector.css

@@ -1,8 +1,8 @@
-._1sqhmjg0-3-12-1 {
+._1sqhmjg0-3-13-0 {
   min-width: 0;
   box-sizing: border-box;
 }
-._1sqhmjg1-3-12-1 {
+._1sqhmjg1-3-13-0 {
   display: inline-flex;
   align-self: start;
 }

package/filters/timeframe-selector/TimeframeSelector.js

@@ -86,7 +86,7 @@ function useSyncPropsAndState(store, memoedValue, isControlled, precision, forma
       });
     },
     // timeframeSelectorRef and debouncedOnChangeRef are stable refs — no need to include in deps
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // oxlint-disable-next-line react-hooks/exhaustive-deps
     [
       formFieldMessagesDispatch,
       formatString,
@@ -124,9 +124,9 @@ const _TimeframeSelector = (0, import_react.forwardRef)(
     readOnly: propReadOnly,
     id: propId,
     "aria-disabled": propAriaDisabled,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
     controlState,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+    // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321
     precision = "minutes",
     ...remainingProps
   }, forwardedRef) => {
@@ -139,7 +139,7 @@ const _TimeframeSelector = (0, import_react.forwardRef)(
     const memoedDefaultValue = (0, import_react.useMemo)(
       () => (0, import_timeParser.mapToPartialTimeframe)(propDefaultValue, precision),
       /** We're ignoring updates to defaultValue as it only considers the initial state. */
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // oxlint-disable-next-line react-hooks/exhaustive-deps
       []
     );
     const { min, max } = (0, import_useMinMax.useMinMax)(propMin, propMax);

package/filters/timeframe-selector/TimeframeSelector.sty.js

@@ -22,5 +22,5 @@ __export(TimeframeSelector_css_exports, {
 });
 module.exports = __toCommonJS(TimeframeSelector_css_exports);
 var import_TimeframeSelector_css_ts_vanilla = require("./TimeframeSelector.css");
-var displayValueParts = "_1sqhmjg0-3-12-1";
-var root = "_1sqhmjg1-3-12-1";
+var displayValueParts = "_1sqhmjg0-3-13-0";
+var root = "_1sqhmjg1-3-13-0";

package/filters/timeframe-selector/TimeframeSelectorRoot.js

@@ -108,7 +108,7 @@ const TimeframeSelectorRoot = (0, import_react.forwardRef)((props, forwardedRef)
   const {
     value: propValue,
     defaultValue,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     clearable = false,
     children,
     onChange,