@dynatrace/strato-components 3.10.4 → 3.11.0

package/editors/dql-editor/dql/dql-linter.js

@@ -18,11 +18,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var dql_linter_exports = {};
 __export(dql_linter_exports, {
   dqlLinter: () => dqlLinter,
+  toDiagnostics: () => toDiagnostics,
   verifyQuery: () => verifyQuery
 });
 module.exports = __toCommonJS(dql_linter_exports);
 var import_lodash_es = require("lodash");
 var import_client_query = require("@dynatrace-sdk/client-query");
+var import_diagnostic_tooltip_css = require("../../../core/styles/diagnostic-tooltip.sty.js");
+var import_render_diagnostic_message = require("../../../core/utils/diagnostic-tooltip/render-diagnostic-message.js");
 const severities = {
   error: "error",
   warning: "warning",
@@ -43,6 +46,19 @@ const transformToValidityInfo = (diagnostics) => diagnostics.map(
     severity: diagnostic.severity === "hint" ? "info" : diagnostic.severity
   })
 );
+const toDiagnostics = (validityInfo) => validityInfo.map(
+  ({ from, to, message, severity }) => ({
+    from,
+    to,
+    message,
+    severity,
+    renderMessage: (0, import_render_diagnostic_message.renderDiagnosticMessage)(
+      severity,
+      message,
+      import_diagnostic_tooltip_css.editorDiagnosticWrapperClass
+    )
+  })
+);
 const rawVerify = async (query) => {
   return await import_client_query.queryAssistanceClient.queryVerify({ body: { query } });
 };

package/editors/dql-editor/dql/fuzzy-match.d.ts

@@ -3,9 +3,42 @@ interface MatchResult {
     pos?: [number, number];
     score: number;
 }
+/**
+ * Matches `pattern` against `str`, preferring a substring match over a fuzzy match.
+ * Returns whether a match was found, its score, and the matched character range.
+ * @param pattern - the search pattern
+ * @param str - the string to search in
+ * @returns whether a match was found, the match score and the position of the match if found
+ * @internal
+ */
 export declare function fuzzyMatch(pattern: string, str: string): MatchResult;
-export declare function labelShouldBeTruncated(label: string): boolean;
-export declare function convertToMiddleEllipsis(label: string): string;
-export declare function getFuzzyMatchFullLabelPosition(pattern: string, fullLabel: string | undefined): number[] | undefined;
+/**
+ * Returns true if the label is longer than maxLength characters and should be truncated with a middle ellipsis.
+ * @param label - the label to check
+ * @param maxLength - the maximum length of the label before truncation
+ * @returns true if the label should be truncated, false otherwise
+ * @internal
+ */
+export declare function labelShouldBeTruncated(label: string, maxLength?: number): boolean;
+/**
+ * Will add middle ellipsis (…) if the label is longer than maxLength characters
+ * @param label - the label to truncate
+ * @param maxLength - the maximum length of the label before truncation
+ * @returns the truncated label with middle ellipsis if needed
+ * @internal
+ */
+export declare function convertToMiddleEllipsis(label: string, maxLength?: number): string;
+/**
+ * Returns the highlight position of `pattern` inside `fullLabel`, remapped to the
+ * truncated label that is actually displayed in the autocomplete dropdown.
+ *
+ * @param pattern - the search pattern typed by the user
+ * @param fullLabel - the full, untruncated suggestion string
+ * @param maxLength - must match the value passed to `convertToMiddleEllipsis` when the
+ *   label was rendered — using a different value produces highlight positions that no
+ *   longer correspond to the visible text
+ * @internal
+ */
+export declare function getFuzzyMatchFullLabelPosition(pattern: string, fullLabel: string | undefined, maxLength?: number): number[] | undefined;
 export {};
 //# sourceMappingURL=fuzzy-match.d.ts.map

package/editors/dql-editor/dql/fuzzy-match.js

@@ -23,6 +23,7 @@ __export(fuzzy_match_exports, {
   labelShouldBeTruncated: () => labelShouldBeTruncated
 });
 module.exports = __toCommonJS(fuzzy_match_exports);
+var import_utils = require("../../../typography/utils.js");
 const SCORE = {
   startingWithSubstring: 3,
   emptyPattern: 3,
@@ -145,33 +146,31 @@ function fuzzyMatch(pattern, str) {
 const maxLabelLength = 53;
 const middleEllipsisStartPos = 26;
 const middleEllipsisLength = 1;
-const afterMiddleEllipsisLength = maxLabelLength - middleEllipsisStartPos - middleEllipsisLength;
-function getMiddleEllipsisEndPos(label) {
-  return label.length - afterMiddleEllipsisLength;
+function labelShouldBeTruncated(label, maxLength = maxLabelLength) {
+  return label.length > maxLength;
 }
-function labelShouldBeTruncated(label) {
-  return label.length > maxLabelLength;
-}
-function convertToMiddleEllipsis(label) {
-  return `${label.slice(0, middleEllipsisStartPos)}\u2026${label.slice(
-    getMiddleEllipsisEndPos(label)
+function convertToMiddleEllipsis(label, maxLength = maxLabelLength) {
+  const startPos = maxLength === maxLabelLength ? middleEllipsisStartPos : Math.floor(maxLength / 2);
+  const endLength = maxLength - startPos - middleEllipsisLength;
+  return `${label.slice(0, startPos)}${import_utils.ELLIPSIS_CHARACTER}${label.slice(
+    label.length - endLength
   )}`;
 }
-function convertPosToMiddleEllipsis(position, label, defaultValue) {
-  if (position <= middleEllipsisStartPos) {
+function convertPosToMiddleEllipsis(position, label, startPos, endLength, defaultValue) {
+  if (position <= startPos) {
     return position;
   }
-  const endPos = getMiddleEllipsisEndPos(label);
+  const endPos = label.length - endLength;
   if (position > endPos) {
-    return middleEllipsisStartPos + middleEllipsisLength + (position - endPos);
+    return startPos + middleEllipsisLength + (position - endPos);
   }
   return defaultValue;
 }
-function getFuzzyMatchFullLabelPosition(pattern, fullLabel) {
+function getFuzzyMatchFullLabelPosition(pattern, fullLabel, maxLength = maxLabelLength) {
   if (fullLabel === void 0) {
     return [];
   }
-  const isTruncated = labelShouldBeTruncated(fullLabel);
+  const isTruncated = labelShouldBeTruncated(fullLabel, maxLength);
   const pos = fuzzyMatch(pattern, fullLabel).pos;
   if (pos === void 0) {
     return void 0;
@@ -179,12 +178,22 @@ function getFuzzyMatchFullLabelPosition(pattern, fullLabel) {
   if (!isTruncated) {
     return pos;
   }
+  const startPos = maxLength === maxLabelLength ? middleEllipsisStartPos : Math.floor(maxLength / 2);
+  const endLength = maxLength - startPos - middleEllipsisLength;
   return [
-    convertPosToMiddleEllipsis(pos[0], fullLabel, middleEllipsisStartPos),
+    convertPosToMiddleEllipsis(
+      pos[0],
+      fullLabel,
+      startPos,
+      endLength,
+      startPos
+    ),
     convertPosToMiddleEllipsis(
       pos[1],
       fullLabel,
-      middleEllipsisStartPos + middleEllipsisLength
+      startPos,
+      endLength,
+      startPos + middleEllipsisLength
     )
   ];
 }

package/editors/dql-editor/dql/suggestion-autocompletions.js

@@ -25,6 +25,7 @@ var import_dql_linter = require("./dql-linter.js");
 var import_fuzzy_match = require("./fuzzy-match.js");
 var import_get_suggestions = require("./get-suggestions.js");
 var import_SuggestionPart = require("./SuggestionPart.js");
+var import_token_type_label = require("./token-type-label.js");
 var import_dql_common = require("../../../core/dql/dql-common.js");
 var import_Flex = require("../../../layouts/flex/Flex.js");
 var import_Text = require("../../../typography/text/Text.js");
@@ -36,10 +37,16 @@ function extractWordToken(content) {
 function getIsTypingUnitAlias(rawCapture, trimmedCapture) {
   return trimmedCapture.length > 0 && trimmedCapture !== rawCapture && import_dql_common.combinedDurationUnits.some((unit) => unit.startsWith(trimmedCapture));
 }
-function hasInfo(suggestions) {
-  return suggestions.some(
-    (suggestion) => suggestion.parts.some((part) => part.info !== void 0)
-  );
+const TOKEN_TYPES = {
+  ANCHOR: "FIELD_VALUE",
+  SYNOPSIS_INFO: "SYNOPSIS_INFO"
+};
+function isHiddenPart(part) {
+  const type = part.type;
+  return type === TOKEN_TYPES.ANCHOR || type === TOKEN_TYPES.SYNOPSIS_INFO;
+}
+function getPositionDescription(emptySuggestionParts) {
+  return emptySuggestionParts.filter((part) => !!part.info && !isHiddenPart(part)).map((part) => part.info).join(" ");
 }
 function removeQuoteSuggestions(suggestions) {
   const excludedSuggestions = ['"', '""', '"""', " "];
@@ -67,6 +74,18 @@ function getRequestString(autocompleteContent, patternLength, requestLength) {
   );
 }
 const MAX_DATA_SUGGESTIONS = 1e4;
+const AUTOCOMPLETE_PANEL_USABLE_PX = 452;
+const CODE_FONT_PX_PER_CHAR = 9;
+const TYPE_LABEL_PX_PER_CHAR = 7;
+const LABEL_GAP_PX = 4;
+const MIN_LABEL_LENGTH_WITH_TYPE = 20;
+function getLabelMaxLengthWithType(typeLabelLength) {
+  const reservedPx = typeLabelLength * TYPE_LABEL_PX_PER_CHAR + LABEL_GAP_PX;
+  const availableChars = Math.floor(
+    (AUTOCOMPLETE_PANEL_USABLE_PX - reservedPx) / CODE_FONT_PX_PER_CHAR
+  );
+  return Math.max(MIN_LABEL_LENGTH_WITH_TYPE, availableChars);
+}
 async function getFilteredSuggestions(autocompleteContent, patternLength, explicit, cache) {
   const requestString = getRequestString(
     autocompleteContent,
@@ -91,7 +110,9 @@ async function getFilteredSuggestions(autocompleteContent, patternLength, explic
   );
 }
 function buildSuggestionInfoPopup(suggestion) {
-  const infoParts = suggestion.parts.filter((part) => !!part.info);
+  const infoParts = suggestion.parts.filter(
+    (part) => !!part.info && !isHiddenPart(part)
+  );
   if (infoParts.length === 0) {
     return void 0;
   }
@@ -140,7 +161,9 @@ const createSuggestionAutocompletion = (cache) => async (context) => {
   if (context.tokenBefore(["string"]) !== null && autocompleteContent.length !== context.state.doc.length) {
     filteredSuggestions = removeQuoteSuggestions(filteredSuggestions);
   }
-  if (filteredSuggestions.length === 0 && hasInfo(infoSuggestions)) {
+  const emptySuggestionParts = infoSuggestions.filter((suggestion) => !suggestion.suggestion).flatMap((suggestion) => suggestion.parts);
+  const section = getPositionDescription(emptySuggestionParts);
+  if (filteredSuggestions.length === 0 && section) {
     const emptySuggestion = infoSuggestions.find(
       (s) => s.suggestion.length === 0
     );
@@ -158,16 +181,21 @@ const createSuggestionAutocompletion = (cache) => async (context) => {
   const autocompletePos = Math.min(
     ...filteredSuggestions.map((s) => s.startPos)
   );
-  const section = infoSuggestions.filter((suggestion) => !suggestion.suggestion).flatMap((suggestion) => suggestion.parts.map((part) => part.info)).filter((text) => !!text).join(" ");
   return {
     suggestions: filteredSuggestions.map((suggestion) => {
-      const shouldBeTruncated = (0, import_fuzzy_match.labelShouldBeTruncated)(suggestion.suggestion);
-      const middleEllipsisText = shouldBeTruncated ? (0, import_fuzzy_match.convertToMiddleEllipsis)(suggestion.suggestion) : suggestion.suggestion;
       const infoPopup = buildSuggestionInfoPopup(suggestion);
+      const tokenTypeLabel = (0, import_token_type_label.getTokenTypeLabel)(suggestion.parts);
+      const effectiveMaxLength = tokenTypeLabel ? getLabelMaxLengthWithType(tokenTypeLabel.length) : void 0;
+      const shouldBeTruncated = (0, import_fuzzy_match.labelShouldBeTruncated)(
+        suggestion.suggestion,
+        effectiveMaxLength
+      );
+      const middleEllipsisText = shouldBeTruncated ? (0, import_fuzzy_match.convertToMiddleEllipsis)(suggestion.suggestion, effectiveMaxLength) : suggestion.suggestion;
       return {
         ...suggestion,
         label: middleEllipsisText,
         section,
+        postfix: tokenTypeLabel,
         apply: (view) => {
           view.dispatch({
             changes: {
@@ -200,7 +228,13 @@ const createSuggestionAutocompletion = (cache) => async (context) => {
     },
     filter: false,
     getMatch: (completion) => {
-      return (0, import_fuzzy_match.getFuzzyMatchFullLabelPosition)(pattern, completion.suggestion) ?? (0, import_fuzzy_match.fuzzyMatch)(
+      const completionTypeLabel = completion.parts && (0, import_token_type_label.getTokenTypeLabel)(completion.parts);
+      const matchMaxLength = completionTypeLabel ? getLabelMaxLengthWithType(completionTypeLabel.length) : void 0;
+      return (0, import_fuzzy_match.getFuzzyMatchFullLabelPosition)(
+        pattern,
+        completion.suggestion,
+        matchMaxLength
+      ) ?? (0, import_fuzzy_match.fuzzyMatch)(
         autocompleteContent.slice(autocompletePos),
         completion.suggestion ?? ""
       ).pos ?? [];

package/editors/dql-editor/dql/token-type-label.d.ts

@@ -0,0 +1,15 @@
+import type { AutocompleteSuggestionPart } from '@dynatrace-sdk/client-query';
+/**
+ * Returns a human-readable label for the token type represented by the given suggestion parts,
+ * or `undefined` if no part produces a label.
+ *
+ * Iterates through parts in order, returning the label from the first part that resolves to one.
+ * Parts with no explicit mapping (e.g. whitespace, brackets, parens) naturally return `undefined`
+ * and are skipped. Resolution order per part:
+ * 1. Keyword overrides (e.g. COMMA → "Add parameter").
+ * 2. Suggestion-based lookup via {@link SUGGESTION_LABELS} (e.g. OPERATOR, TIME_UNIT), falling back to sentence case.
+ * 3. Known stable types in {@link SENTENCE_CASE_TYPES} converted to sentence case.
+ * 4. `undefined` for anything else — unknown/future types are hidden, not guessed.
+ */
+export declare function getTokenTypeLabel(parts: AutocompleteSuggestionPart[]): string | undefined;
+//# sourceMappingURL=token-type-label.d.ts.map

package/editors/dql-editor/dql/token-type-label.js

@@ -0,0 +1,131 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var token_type_label_exports = {};
+__export(token_type_label_exports, {
+  getTokenTypeLabel: () => getTokenTypeLabel
+});
+module.exports = __toCommonJS(token_type_label_exports);
+var import_string_utils = require("../../base-code-editor/utils/string-utils.js");
+const KEYWORD_OVERRIDES = {
+  COMMA: "Add parameter",
+  COLON: "Add parameter key",
+  ASSIGNMENT: "Add value",
+  PIPE: "Add command",
+  COMMAND_NAME: "Command",
+  FUNCTION_NAME: "Function",
+  SIMPLE_IDENTIFIER: "Identifier",
+  NULL: "Keyword",
+  BOOLEAN_TRUE: "Boolean, keyword",
+  BOOLEAN_FALSE: "Boolean, keyword",
+  SEARCH_PATTERN: "Search across all fields",
+  TIMESERIES_AGGREGATION: "Timeseries aggregation function",
+  TIMESERIES_AGGREGATION_EXPRESSION: "MakeTimeseries aggregation function",
+  TIMESTAMP_VALUE: "Timestamp",
+  UID_VALUE: "UID",
+  JSON_PATH: "JSON path",
+  URL: "URL"
+};
+const SENTENCE_CASE_TYPES = /* @__PURE__ */ new Set([
+  "ENTITY_TYPE",
+  "PARAMETER_KEY",
+  "DATA_OBJECT",
+  "NUMBER",
+  "STRING",
+  "METRIC_KEY",
+  "VARIABLE",
+  "END_COMMENT",
+  "PARSE_PATTERN",
+  "FIELD_PATTERN",
+  "ENTITY_SELECTOR_PART",
+  "TABULAR_FILE_NAME",
+  "FIELD_MODIFIER",
+  "SMARTSCAPE_ID_VALUE",
+  "ENUM_STRING",
+  "FIELD_PREFIX",
+  "BUCKET",
+  "SMARTSCAPE_NODE_PATTERN",
+  "SMARTSCAPE_EDGE_PATTERN",
+  "SMARTSCAPE_NODE_TYPE",
+  "SMARTSCAPE_EDGE_TYPE"
+]);
+const OPERATOR_LABELS = {
+  "+": "Addition",
+  "-": "Subtraction or arithmetic negation",
+  "*": "Multiplication",
+  "/": "Division",
+  "%": "Modulo",
+  "<": "Less than",
+  "<=": "Less than or equal to",
+  ">": "Greater than",
+  ">=": "Greater than or equal to",
+  "==": "Equals",
+  "!=": "Does not equal",
+  not: "Logical NOT (negation)",
+  and: "Logical AND",
+  or: "Logical OR",
+  xor: "Logical XOR (exclusive or)",
+  in: "Subquery comparison",
+  "@": "Time alignment",
+  "~": "Search"
+};
+const SEARCH_OPERATOR_LABELS = {
+  "~": "Search in field"
+};
+const PARAMETER_MODIFIER_LABELS = {
+  asc: "Sort direction ascending",
+  desc: "Sort direction descending"
+};
+const TIME_UNIT_LABELS = {
+  ns: "nanoseconds",
+  us: "microseconds",
+  ms: "milliseconds",
+  s: "seconds",
+  m: "minutes",
+  h: "hours",
+  d: "days",
+  w: "weeks",
+  M: "months",
+  q: "quarters",
+  y: "years"
+};
+const SUGGESTION_LABELS = {
+  OPERATOR: OPERATOR_LABELS,
+  SEARCH_OPERATOR: SEARCH_OPERATOR_LABELS,
+  PARAMETER_MODIFIER: PARAMETER_MODIFIER_LABELS,
+  TIME_UNIT: TIME_UNIT_LABELS
+};
+function getLabelForPart(type, suggestion) {
+  const keywordOverride = KEYWORD_OVERRIDES[type];
+  if (keywordOverride !== void 0) {
+    return keywordOverride;
+  }
+  const suggestionLabels = SUGGESTION_LABELS[type];
+  if (suggestionLabels !== void 0) {
+    return suggestionLabels[suggestion] ?? (0, import_string_utils.upperSnakeCaseToSentenceCase)(type);
+  }
+  return SENTENCE_CASE_TYPES.has(type) ? (0, import_string_utils.upperSnakeCaseToSentenceCase)(type) : void 0;
+}
+function getTokenTypeLabel(parts) {
+  for (const { type, suggestion } of parts) {
+    const label = getLabelForPart(type, suggestion);
+    if (label !== void 0) {
+      return label;
+    }
+  }
+  return void 0;
+}

package/esm/buttons/button/Button.css

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-._1xe9ern0-3-10-4 {
+._1xe9ern0-3-11-0 {
   opacity: 0.5;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-._145zb630-3-10-4 {
+._145zb630-3-11-0 {
   position: relative;
 }

package/esm/charts/core/components/annotations/AnnotationsAtom.sty.js

@@ -1,5 +1,5 @@
 import "./AnnotationsAtom.css";
-var wrapper = "_145zb630-3-10-4";
+var wrapper = "_145zb630-3-11-0";
 export {
   wrapper
 };