@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/core/components/axes/utils/calculate-axis-size.js

@@ -1,6 +1,6 @@
 import { isEmpty } from "lodash-es";
 import { ELLIPSIS_BUFFER } from "./get-tick-label-props.js";
-import { isBandScale } from "../../../utils/detect-scale.js";
+import { isBandScale, isSymlogScale } from "../../../utils/detect-scale.js";
 import {
   X_AXES_TICK_LINE_OFFSET,
   X_LABEL_AREA,
@@ -12,7 +12,7 @@ const getYTickMaxSize = (containerWidth, label) => {
   const maxSize = containerWidth - (Y_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;
   return Math.max(maxSize, 0);
 };
-const getXTickMaxSize = (containerHeight, containerWidth, isTickRotated, scale, label) => {
+const getXTickMaxSize = (containerHeight, containerWidth, isTickRotated, scale, label, numTicks) => {
   const labelArea = isEmpty(label) ? 0 : X_LABEL_AREA;
   let maxSize = 0;
   if (isTickRotated) {
@@ -20,6 +20,8 @@ const getXTickMaxSize = (containerHeight, containerWidth, isTickRotated, scale,
   } else {
     if (scale && isBandScale(scale)) {
       maxSize = scale.step();
+    } else if (numTicks !== void 0 && numTicks > 0 && scale && !isSymlogScale(scale)) {
+      maxSize = containerWidth / numTicks;
     } else {
       maxSize = containerWidth;
     }

package/esm/charts/core/components/axes/utils/calculate-axis-size.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/calculate-axis-size.ts"],
-  "sourcesContent": ["import type { ScaleBand, ScaleLinear, ScaleSymLog, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\n\nimport { ELLIPSIS_BUFFER } from './get-tick-label-props.js';\nimport { isBandScale } from '../../../utils/detect-scale.js';\nimport {\n  X_AXES_TICK_LINE_OFFSET,\n  X_LABEL_AREA,\n  Y_AXES_TICK_LINE_OFFSET,\n  Y_LABEL_AREA,\n} from '../constants.js';\n\nexport const getYTickMaxSize = (containerWidth: number, label?: string) => {\n  const labelArea = isEmpty(label) ? 0 : Y_LABEL_AREA;\n\n  const maxSize =\n    containerWidth - (Y_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n\n  return Math.max(maxSize, 0);\n};\n\nexport const getXTickMaxSize = (\n  containerHeight: number,\n  containerWidth: number,\n  isTickRotated: boolean,\n  scale?:\n    | ScaleBand<string>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleTime<number, number>,\n  label?: string,\n) => {\n  const labelArea = isEmpty(label) ? 0 : X_LABEL_AREA;\n\n  let maxSize = 0;\n\n  if (isTickRotated) {\n    maxSize =\n      containerHeight - (X_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n  } else {\n    if (scale && isBandScale(scale)) {\n      maxSize = scale.step();\n    } else {\n      // TODO: make the numerical/date work with long strings and avoid collisions (https://dt-rnd.atlassian.net/browse/APPDEV-9106)\n      maxSize = containerWidth;\n    }\n  }\n\n  return Math.max(maxSize, 0);\n};\n"],
-  "mappings": "AACA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,kBAAkB,CAAC,gBAAwB,UAAmB;AACzE,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,QAAM,UACJ,kBAAkB,0BAA0B,aAAa;AAE3D,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;AAEO,MAAM,kBAAkB,CAC7B,iBACA,gBACA,eACA,OAKA,UACG;AACH,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,MAAI,UAAU;AAEd,MAAI,eAAe;AACjB,cACE,mBAAmB,0BAA0B,aAAa;AAAA,EAC9D,OAAO;AACL,QAAI,SAAS,YAAY,KAAK,GAAG;AAC/B,gBAAU,MAAM,KAAK;AAAA,IACvB,OAAO;AAEL,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;",
+  "sourcesContent": ["import type { ScaleBand, ScaleLinear, ScaleSymLog, ScaleTime } from 'd3-scale';\nimport { isEmpty } from 'lodash-es';\n\nimport { ELLIPSIS_BUFFER } from './get-tick-label-props.js';\nimport { isBandScale, isSymlogScale } from '../../../utils/detect-scale.js';\nimport {\n  X_AXES_TICK_LINE_OFFSET,\n  X_LABEL_AREA,\n  Y_AXES_TICK_LINE_OFFSET,\n  Y_LABEL_AREA,\n} from '../constants.js';\n\nexport const getYTickMaxSize = (containerWidth: number, label?: string) => {\n  const labelArea = isEmpty(label) ? 0 : Y_LABEL_AREA;\n\n  const maxSize =\n    containerWidth - (Y_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n\n  return Math.max(maxSize, 0);\n};\n\nexport const getXTickMaxSize = (\n  containerHeight: number,\n  containerWidth: number,\n  isTickRotated: boolean,\n  scale?:\n    | ScaleBand<string>\n    | ScaleLinear<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleTime<number, number>,\n  label?: string,\n  numTicks?: number,\n) => {\n  const labelArea = isEmpty(label) ? 0 : X_LABEL_AREA;\n\n  let maxSize = 0;\n\n  if (isTickRotated) {\n    maxSize =\n      containerHeight - (X_AXES_TICK_LINE_OFFSET + labelArea) + ELLIPSIS_BUFFER;\n  } else {\n    if (scale && isBandScale(scale)) {\n      maxSize = scale.step();\n    } else if (\n      numTicks !== undefined &&\n      numTicks > 0 &&\n      scale &&\n      !isSymlogScale(scale)\n    ) {\n      //Ignore Log scales as it's causing early truncation\n      maxSize = containerWidth / numTicks;\n    } else {\n      maxSize = containerWidth;\n    }\n  }\n\n  return Math.max(maxSize, 0);\n};\n"],
+  "mappings": "AACA,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,aAAa,qBAAqB;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,kBAAkB,CAAC,gBAAwB,UAAmB;AACzE,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,QAAM,UACJ,kBAAkB,0BAA0B,aAAa;AAE3D,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;AAEO,MAAM,kBAAkB,CAC7B,iBACA,gBACA,eACA,OAKA,OACA,aACG;AACH,QAAM,YAAY,QAAQ,KAAK,IAAI,IAAI;AAEvC,MAAI,UAAU;AAEd,MAAI,eAAe;AACjB,cACE,mBAAmB,0BAA0B,aAAa;AAAA,EAC9D,OAAO;AACL,QAAI,SAAS,YAAY,KAAK,GAAG;AAC/B,gBAAU,MAAM,KAAK;AAAA,IACvB,WACE,aAAa,UACb,WAAW,KACX,SACA,CAAC,cAAc,KAAK,GACpB;AAEA,gBAAU,iBAAiB;AAAA,IAC7B,OAAO;AACL,gBAAU;AAAA,IACZ;AAAA,EACF;AAEA,SAAO,KAAK,IAAI,SAAS,CAAC;AAC5B;",
   "names": []
 }

package/esm/charts/core/components/axes/utils/get-tick-label-props.js

@@ -4,6 +4,22 @@ import {
   X_AXES_TICK_LINE_OFFSET,
   Y_AXES_TICK_LINE_OFFSET
 } from "../constants.js";
+const getBottomTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let textAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      textAnchor = TICK_ALIGMENT.Start;
+    } else if (numericValue === domainMax) {
+      textAnchor = TICK_ALIGMENT.End;
+    }
+    return {
+      y: X_AXES_TICK_LINE_OFFSET,
+      textAnchor,
+      verticalAnchor: TICK_ALIGMENT.Start
+    };
+  };
+};
 const VISX_BOTTOM_OFFSET = 2;
 const ELLIPSIS_BUFFER = 2;
 const leftTickLabelProps = (_value, index, values) => ({
@@ -65,6 +81,22 @@ const bottomTickLabelPropsForCategoryAxis = (_value) => ({
   textAnchor: TICK_ALIGMENT.Middle,
   verticalAnchor: TICK_ALIGMENT.Start
 });
+const getTopTickLabelPropsWithDomainAlignment = (domainMin, domainMax) => {
+  return (value) => {
+    const numericValue = getTickValueAsNumber(value);
+    let textAnchor = TICK_ALIGMENT.Middle;
+    if (numericValue === domainMin) {
+      textAnchor = TICK_ALIGMENT.Start;
+    } else if (numericValue === domainMax) {
+      textAnchor = TICK_ALIGMENT.End;
+    }
+    return {
+      y: -X_AXES_TICK_LINE_OFFSET,
+      textAnchor,
+      verticalAnchor: TICK_ALIGMENT.End
+    };
+  };
+};
 const getTickLabelPropsForCategoryAxis = (orientation, tickLabelLayout = "horizontal") => {
   if (orientation === "left") {
     return leftTickCategoricalLabelProps;
@@ -106,6 +138,17 @@ const getTickLabelPropsForValueAxis = (orientation, tickLabelLayout = "horizonta
   }
   return tickLabelLayout === "vertical" ? bottomRotatedTickLabelProps : bottomTickLabelProps;
 };
+function getXAxisTickLabelProps(position, isCategoricalAxis, isTickRotated, scale, tickLabelLayout) {
+  if (isCategoricalAxis) {
+    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);
+  }
+  if (scale && !isTickRotated) {
+    const domain = scale.domain();
+    const getDomainAligned = position === "bottom" ? getBottomTickLabelPropsWithDomainAlignment : getTopTickLabelPropsWithDomainAlignment;
+    return getDomainAligned(+domain[0], +domain[1]);
+  }
+  return getTickLabelPropsForValueAxis(position, tickLabelLayout);
+}
 const getTickLabelPropsForGanttAxis = (min, max) => {
   return (value, index, values) => {
     let textAnchor = TICK_ALIGMENT.Middle;
@@ -132,8 +175,11 @@ export {
   ELLIPSIS_BUFFER,
   bottomPanTickLabelDateProps,
   bottomTickLabelDateProps,
+  getBottomTickLabelPropsWithDomainAlignment,
   getTickLabelPropsForCategoryAxis,
   getTickLabelPropsForGanttAxis,
-  getTickLabelPropsForValueAxis
+  getTickLabelPropsForValueAxis,
+  getTopTickLabelPropsWithDomainAlignment,
+  getXAxisTickLabelProps
 };
 //# sourceMappingURL=get-tick-label-props.js.map

package/esm/charts/core/components/axes/utils/get-tick-label-props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/get-tick-label-props.ts"],
-  "sourcesContent": ["import { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport { getTickValueAsNumber } from '../../../utils/get-tick-value-as-number.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { AnyScale } from '../../../types/scales.js';\nimport { TickLabelProps } from '../../../types/text-props.js';\nimport { TickPrimitiveValue } from '../../../types/tick-value.js';\nimport { getTickValueAsNumber } from '../../../utils/get-tick-value-as-number.js';\nimport {\n  TICK_ALIGMENT,\n  X_AXES_TICK_LINE_OFFSET,\n  Y_AXES_TICK_LINE_OFFSET,\n  type TickAligmentMode,\n} from '../constants.js';\nimport { Orientation, TickLabelLayout } from '../types.js';\n\n/**\n * Returns tick label props for the bottom axis with domain-aware alignment.\n *\n * Only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned\n * (`middle`), preventing outermost rendered ticks that don't coincide with domain\n * extremes from being clipped against the chart edge.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nexport const getBottomTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Start,\n    };\n  };\n};\n\n/*\n * x and y represent the offset from ORIGIN point of the axis.\n * This means that axis line width wouldn't count for it\n */\nconst VISX_BOTTOM_OFFSET = 2;\n// ADES-6688 workaround suggested to solve the truncation issue\n// comment related: https://dt-rnd.atlassian.net/browse/ADES-6688?focusedCommentId=3205215\nexport const ELLIPSIS_BUFFER = 2;\n\ntype TickLabelAligment = {\n  textAnchor: TickAligmentMode;\n  verticalAnchor: TickAligmentMode;\n};\n\nconst leftTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst rightTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  x: +Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Start,\n  verticalAnchor:\n    index === 0\n      ? TICK_ALIGMENT.End\n      : index === values.length - 1\n      ? TICK_ALIGMENT.Start\n      : TICK_ALIGMENT.Middle,\n});\n\nconst leftTickCategoricalLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  x: -Y_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n});\n\nconst topTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: -X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst topTickLabelPropsForCategoryAxis: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.End,\n});\n\nconst topRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nconst bottomRotatedTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.End,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomRotatedTickLabelProps: TickLabelProps<TickPrimitiveValue> = (\n  _value,\n  index,\n  values,\n) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor:\n    index === 0\n      ? TICK_ALIGMENT.Start\n      : index === values.length - 1\n      ? TICK_ALIGMENT.End\n      : TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Middle,\n  angle: -90,\n});\n\nconst bottomTickLabelPropsForCategoryAxis: TickLabelProps<\n  TickPrimitiveValue\n> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\n/**\n * Returns tick label props for the top axis with domain-aware alignment.\n *\n * Mirrors `getBottomTickLabelPropsWithDomainAlignment` for the top position:\n * only ticks whose value exactly matches a domain boundary receive edge alignment\n * (`start` for domainMin, `end` for domainMax). All other ticks are center-aligned.\n *\n * @param domainMin - domain start as a number (use `+` to convert Date values)\n * @param domainMax - domain end as a number (use `+` to convert Date values)\n */\nexport const getTopTickLabelPropsWithDomainAlignment = (\n  domainMin: number,\n  domainMax: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value) => {\n    const numericValue = getTickValueAsNumber(value);\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n\n    if (numericValue === domainMin) {\n      textAnchor = TICK_ALIGMENT.Start;\n    } else if (numericValue === domainMax) {\n      textAnchor = TICK_ALIGMENT.End;\n    }\n\n    return {\n      y: -X_AXES_TICK_LINE_OFFSET,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.End,\n    };\n  };\n};\n\nexport const getTickLabelPropsForCategoryAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickCategoricalLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelPropsForCategoryAxis\n      : topTickLabelPropsForCategoryAxis;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelPropsForCategoryAxis\n    : bottomTickLabelPropsForCategoryAxis;\n};\n\nexport const bottomTickLabelDateProps: TickLabelProps<Date> = (_value) => ({\n  y: X_AXES_TICK_LINE_OFFSET + VISX_BOTTOM_OFFSET,\n  textAnchor: TICK_ALIGMENT.Middle,\n  verticalAnchor: TICK_ALIGMENT.Start,\n});\n\nexport const bottomPanTickLabelDateProps: TickLabelProps<Date> = (\n  _value,\n  index,\n  values,\n) => {\n  const result: TickLabelAligment = {\n    textAnchor: TICK_ALIGMENT.Middle,\n    verticalAnchor: TICK_ALIGMENT.Middle,\n  };\n\n  const isFirstItem = index === 0;\n  const isLastItem = index === values.length - 1;\n\n  if (isFirstItem) {\n    result.textAnchor = TICK_ALIGMENT.Start;\n  }\n\n  if (isLastItem) {\n    result.textAnchor = TICK_ALIGMENT.End;\n  }\n\n  return result;\n};\n\nexport const getTickLabelPropsForValueAxis = (\n  orientation: Orientation,\n  tickLabelLayout: TickLabelLayout = 'horizontal',\n) => {\n  if (orientation === 'left') {\n    return leftTickLabelProps;\n  }\n\n  if (orientation === 'right') {\n    return rightTickLabelProps;\n  }\n\n  if (orientation === 'top') {\n    return tickLabelLayout === 'vertical'\n      ? topRotatedTickLabelProps\n      : topTickLabelProps;\n  }\n\n  return tickLabelLayout === 'vertical'\n    ? bottomRotatedTickLabelProps\n    : bottomTickLabelProps;\n};\n\n/**\n * Selects the correct tick label props for a horizontal (top/bottom) axis.\n *\n * Priority:\n *  1. Categorical axis \u2192 category-specific props (accounts for rotation).\n *  2. Continuous, non-rotated, scale available \u2192 domain-aware alignment so\n *     boundary ticks are anchored to the chart edge instead of center-aligned.\n *  3. Fallback \u2192 standard value-axis props.\n */\nexport function getXAxisTickLabelProps(\n  position: 'bottom' | 'top',\n  isCategoricalAxis: boolean,\n  isTickRotated: boolean,\n  scale: AnyScale | undefined,\n  tickLabelLayout?: TickLabelLayout,\n): TickLabelProps<TickPrimitiveValue> {\n  if (isCategoricalAxis) {\n    return getTickLabelPropsForCategoryAxis(position, tickLabelLayout);\n  }\n  if (scale && !isTickRotated) {\n    const domain = scale.domain() as [number | Date, number | Date];\n    const getDomainAligned =\n      position === 'bottom'\n        ? getBottomTickLabelPropsWithDomainAlignment\n        : getTopTickLabelPropsWithDomainAlignment;\n    return getDomainAligned(+domain[0], +domain[1]);\n  }\n  return getTickLabelPropsForValueAxis(position, tickLabelLayout);\n}\n\n/**\n * Gets the corresponding props for a tick label.\n * Takes index and whether the tick is placed at data-min/data-max into consideration.\n *\n * @param min - data-min\n * @param max -  data-max\n * @returns props for the tick label\n */\nexport const getTickLabelPropsForGanttAxis = (\n  min?: number,\n  max?: number,\n): TickLabelProps<TickPrimitiveValue> => {\n  return (value, index, values) => {\n    let textAnchor: TickAligmentMode = TICK_ALIGMENT.Middle;\n    let dx = 0;\n    const valueAsNumber = getTickValueAsNumber(value);\n\n    if (values.length === 1 && valueAsNumber && min && max) {\n      textAnchor =\n        valueAsNumber - min < valueAsNumber - max\n          ? TICK_ALIGMENT.Start\n          : TICK_ALIGMENT.End;\n    } else if (index === 0) {\n      textAnchor = TICK_ALIGMENT.Start;\n      dx = valueAsNumber === min ? 4 : 0;\n    } else if (index === values.length - 1) {\n      textAnchor = TICK_ALIGMENT.End;\n      dx = valueAsNumber === max ? -4 : 0;\n    }\n\n    return {\n      dx,\n      dy: -2,\n      textAnchor,\n      verticalAnchor: TICK_ALIGMENT.Middle,\n    };\n  };\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/core/components/axes/utils/tick-formatters.js

@@ -7,7 +7,15 @@ const sanitizeEpsilonValue = (value) => value === Number.EPSILON ? 0 : value;
 function getYAxisTickFormatter(scale, unit, formatter, numTicks, precision) {
   const valueFormatter = formatter ?? formatValue;
   const logFormatter = (scale2) => (value) => {
-    const isMajorValue = scale2.tickFormat(numTicks)(value) !== "";
+    const isSymlogMajorTick = (v) => {
+      const abs = Math.abs(v);
+      if (abs === 0) {
+        return true;
+      }
+      const log = Math.log10(abs);
+      return Math.abs(log - Math.round(log)) < 1e-9;
+    };
+    const isMajorValue = isSymlogScale(scale2) ? isSymlogMajorTick(value) : scale2.tickFormat(numTicks)(value) !== "";
     const nonEpsilonValue = sanitizeEpsilonValue(value);
     return isMajorValue ? valueFormatter(nonEpsilonValue, unit, precision) : "";
   };

package/esm/charts/core/components/axes/utils/tick-formatters.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/axes/utils/tick-formatters.ts"],
-  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { ChartUnit } from '../../../types/chart-unit.js';\nimport type { Formatter } from '../../../types/formatter.js';\nimport type { TickValueFormatter } from '../../../types/tick-value.js';\nimport { isLogScale, isSymlogScale } from '../../../utils/detect-scale.js';\nimport {\n  tickValueFormatter,\n  formatValue,\n} from '../../../utils/format-value.js';\n\nconst sanitizeEpsilonValue = (value: number) =>\n  value === Number.EPSILON ? 0 : value;\n\n/**\n * Gets y-axis tick formatter depending on the type of scale.\n *\n * As the log scale doesn't support zero or negative values,\n * the smallest number is EPSILON, and it must be sanitized into a 0\n * to represent better human-readable ticks.\n *\n * @param scale - axis scale\n * @param unit - axis unit\n * @param formatter - axis formatter\n * @param numTicks - proposed number of ticks\n * @param precision - tick values precision\n *\n * @returns formatter\n */\nexport function getYAxisTickFormatter(\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>,\n  unit?: ChartUnit,\n  formatter?: Formatter,\n  numTicks?: number,\n  precision?: number,\n): TickValueFormatter {\n  const valueFormatter = formatter ?? formatValue;\n  const logFormatter =\n    (scale: ScaleLogarithmic<number, number> | ScaleSymLog<number, number>) =>\n    (value: number) => {\n      // d3's default formatter for log scale automatically formats non-major values to empty string\n      const isMajorValue = scale.tickFormat(numTicks)(value) !== '';\n      const nonEpsilonValue = sanitizeEpsilonValue(value);\n\n      return isMajorValue\n        ? valueFormatter(nonEpsilonValue, unit, precision)\n        : '';\n    };\n  const linearFormatter = (value: number) =>\n    valueFormatter(value, unit, precision);\n\n  const yAxisTickFormatter =\n    isLogScale(scale) || isSymlogScale(scale)\n      ? logFormatter(scale)\n      : linearFormatter;\n\n  return tickValueFormatter(yAxisTickFormatter, unit);\n}\n"],
-  "mappings": "AAUA,SAAS,YAAY,qBAAqB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,uBAAuB,CAAC,UAC5B,UAAU,OAAO,UAAU,IAAI;AAiB1B,SAAS,sBACd,OAKA,MACA,WACA,UACA,WACoB;AACpB,QAAM,iBAAiB,aAAa;AACpC,QAAM,eACJ,CAACA,WACD,CAAC,UAAkB;AAEjB,UAAM,eAAeA,OAAM,WAAW,QAAQ,EAAE,KAAK,MAAM;AAC3D,UAAM,kBAAkB,qBAAqB,KAAK;AAElD,WAAO,eACH,eAAe,iBAAiB,MAAM,SAAS,IAC/C;AAAA,EACN;AACF,QAAM,kBAAkB,CAAC,UACvB,eAAe,OAAO,MAAM,SAAS;AAEvC,QAAM,qBACJ,WAAW,KAAK,KAAK,cAAc,KAAK,IACpC,aAAa,KAAK,IAClB;AAEN,SAAO,mBAAmB,oBAAoB,IAAI;AACpD;",
+  "sourcesContent": ["import type {\n  ScaleLinear,\n  ScaleLogarithmic,\n  ScaleSymLog,\n  ScaleTime,\n} from 'd3-scale';\n\nimport type { ChartUnit } from '../../../types/chart-unit.js';\nimport type { Formatter } from '../../../types/formatter.js';\nimport type { TickValueFormatter } from '../../../types/tick-value.js';\nimport { isLogScale, isSymlogScale } from '../../../utils/detect-scale.js';\nimport {\n  tickValueFormatter,\n  formatValue,\n} from '../../../utils/format-value.js';\n\nconst sanitizeEpsilonValue = (value: number) =>\n  value === Number.EPSILON ? 0 : value;\n\n/**\n * Gets y-axis tick formatter depending on the type of scale.\n *\n * As the log scale doesn't support zero or negative values,\n * the smallest number is EPSILON, and it must be sanitized into a 0\n * to represent better human-readable ticks.\n *\n * @param scale - axis scale\n * @param unit - axis unit\n * @param formatter - axis formatter\n * @param numTicks - proposed number of ticks\n * @param precision - tick values precision\n *\n * @returns formatter\n */\nexport function getYAxisTickFormatter(\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>,\n  unit?: ChartUnit,\n  formatter?: Formatter,\n  numTicks?: number,\n  precision?: number,\n): TickValueFormatter {\n  const valueFormatter = formatter ?? formatValue;\n  const logFormatter =\n    (scale: ScaleLogarithmic<number, number> | ScaleSymLog<number, number>) =>\n    (value: number) => {\n      // ScaleSymLog inherits linearish().tickFormat which never returns ''.\n      // Use a power-of-10 check (matching what ScaleLogarithmic.tickFormat does internally)\n      // to detect major ticks for symlog scales.\n      const isSymlogMajorTick = (v: number) => {\n        const abs = Math.abs(v);\n        if (abs === 0) {\n          return true;\n        }\n        const log = Math.log10(abs);\n        return Math.abs(log - Math.round(log)) < 1e-9;\n      };\n      const isMajorValue = isSymlogScale(scale)\n        ? isSymlogMajorTick(value)\n        : scale.tickFormat(numTicks)(value) !== '';\n      const nonEpsilonValue = sanitizeEpsilonValue(value);\n\n      return isMajorValue\n        ? valueFormatter(nonEpsilonValue, unit, precision)\n        : '';\n    };\n  const linearFormatter = (value: number) =>\n    valueFormatter(value, unit, precision);\n\n  const yAxisTickFormatter =\n    isLogScale(scale) || isSymlogScale(scale)\n      ? logFormatter(scale)\n      : linearFormatter;\n\n  return tickValueFormatter(yAxisTickFormatter, unit);\n}\n"],
+  "mappings": "AAUA,SAAS,YAAY,qBAAqB;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,MAAM,uBAAuB,CAAC,UAC5B,UAAU,OAAO,UAAU,IAAI;AAiB1B,SAAS,sBACd,OAKA,MACA,WACA,UACA,WACoB;AACpB,QAAM,iBAAiB,aAAa;AACpC,QAAM,eACJ,CAACA,WACD,CAAC,UAAkB;AAIjB,UAAM,oBAAoB,CAAC,MAAc;AACvC,YAAM,MAAM,KAAK,IAAI,CAAC;AACtB,UAAI,QAAQ,GAAG;AACb,eAAO;AAAA,MACT;AACA,YAAM,MAAM,KAAK,MAAM,GAAG;AAC1B,aAAO,KAAK,IAAI,MAAM,KAAK,MAAM,GAAG,CAAC,IAAI;AAAA,IAC3C;AACA,UAAM,eAAe,cAAcA,MAAK,IACpC,kBAAkB,KAAK,IACvBA,OAAM,WAAW,QAAQ,EAAE,KAAK,MAAM;AAC1C,UAAM,kBAAkB,qBAAqB,KAAK;AAElD,WAAO,eACH,eAAe,iBAAiB,MAAM,SAAS,IAC/C;AAAA,EACN;AACF,QAAM,kBAAkB,CAAC,UACvB,eAAe,OAAO,MAAM,SAAS;AAEvC,QAAM,qBACJ,WAAW,KAAK,KAAK,cAAc,KAAK,IACpC,aAAa,KAAK,IAClB;AAEN,SAAO,mBAAmB,oBAAoB,IAAI;AACpD;",
   "names": ["scale"]
 }

package/esm/charts/core/components/canvas/utils/canvas-color.js

@@ -4,7 +4,7 @@ import { getTokenComputedStyle } from "../../../utils/getTokenComputedStyle.js";
 import { isValidCSSColor } from "../../../utils/getValidColor.js";
 const getCanvasColor = memoize(
   (color, fallbackColor = SCALE_FALLBACK_COLOR) => {
-    let transformedColor = color ?? fallbackColor;
+    let transformedColor = color || fallbackColor;
     if (transformedColor.indexOf("var") >= 0) {
       transformedColor = getTokenComputedStyle(transformedColor);
       return transformedColor ? transformedColor : getTokenComputedStyle(fallbackColor);

package/esm/charts/core/components/canvas/utils/canvas-color.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/canvas/utils/canvas-color.ts"],
-  "sourcesContent": ["import { memoize } from 'lodash-es';\n\nimport { SCALE_FALLBACK_COLOR } from '../../../constants.js';\nimport { getTokenComputedStyle } from '../../../utils/getTokenComputedStyle.js';\nimport { isValidCSSColor } from '../../../utils/getValidColor.js';\n\n/**\n * Transforms the color to be used in a canvas. If it's a token,\n * gets the HSL color, otherwise returns the color or the default one\n * if undefined.\n *\n * @internal\n * @param color - The color to be transformed.\n * @param fallbackColor - The color to be applied if transformation fails. Default: Colors.Background.Container.Neutral.Accent\n */\nexport const getCanvasColor: (\n  color: string | undefined,\n  fallbackColor?: string,\n) => string = memoize(\n  (color: string | undefined, fallbackColor = SCALE_FALLBACK_COLOR): string => {\n    let transformedColor = color ?? fallbackColor;\n\n    if (transformedColor.indexOf('var') >= 0) {\n      transformedColor = getTokenComputedStyle(transformedColor);\n\n      return transformedColor\n        ? transformedColor\n        : getTokenComputedStyle(fallbackColor);\n    }\n\n    if (!isValidCSSColor(transformedColor)) {\n      return getTokenComputedStyle(fallbackColor);\n    }\n\n    return transformedColor;\n  },\n);\n"],
+  "sourcesContent": ["import { memoize } from 'lodash-es';\n\nimport { SCALE_FALLBACK_COLOR } from '../../../constants.js';\nimport { getTokenComputedStyle } from '../../../utils/getTokenComputedStyle.js';\nimport { isValidCSSColor } from '../../../utils/getValidColor.js';\n\n/**\n * Transforms the color to be used in a canvas. If it's a token,\n * gets the HSL color, otherwise returns the color or the default one\n * if undefined.\n *\n * @internal\n * @param color - The color to be transformed.\n * @param fallbackColor - The color to be applied if transformation fails. Default: Colors.Background.Container.Neutral.Accent\n */\nexport const getCanvasColor: (\n  color: string | undefined,\n  fallbackColor?: string,\n) => string = memoize(\n  (color: string | undefined, fallbackColor = SCALE_FALLBACK_COLOR): string => {\n    let transformedColor = color || fallbackColor;\n\n    if (transformedColor.indexOf('var') >= 0) {\n      transformedColor = getTokenComputedStyle(transformedColor);\n\n      return transformedColor\n        ? transformedColor\n        : getTokenComputedStyle(fallbackColor);\n    }\n\n    if (!isValidCSSColor(transformedColor)) {\n      return getTokenComputedStyle(fallbackColor);\n    }\n\n    return transformedColor;\n  },\n);\n"],
   "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAWzB,MAAM,iBAGC;AAAA,EACZ,CAAC,OAA2B,gBAAgB,yBAAiC;AAC3E,QAAI,mBAAmB,SAAS;AAEhC,QAAI,iBAAiB,QAAQ,KAAK,KAAK,GAAG;AACxC,yBAAmB,sBAAsB,gBAAgB;AAEzD,aAAO,mBACH,mBACA,sBAAsB,aAAa;AAAA,IACzC;AAEA,QAAI,CAAC,gBAAgB,gBAAgB,GAAG;AACtC,aAAO,sBAAsB,aAAa;AAAA,IAC5C;AAEA,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/charts/core/components/chart-grid/ChartGrid.css

@@ -1,13 +1,13 @@
-._13lzg4k0-3-5-2 {
+._13lzg4k0-3-7-0 {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
 }
-._13lzg4k1-3-5-2 {
+._13lzg4k1-3-7-0 {
   box-sizing: content-box;
 }
-._13lzg4k2-3-5-2 {
+._13lzg4k2-3-7-0 {
   position: relative;
 }

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js

@@ -1,7 +1,7 @@
 import "./ChartGrid.css";
-var area = "_13lzg4k1-3-5-2";
-var plot = "_13lzg4k2-3-5-2";
-var plotLayout = "_13lzg4k0-3-5-2";
+var area = "_13lzg4k1-3-7-0";
+var plot = "_13lzg4k2-3-7-0";
+var plotLayout = "_13lzg4k0-3-7-0";
 export {
   area,
   plot,

package/esm/charts/core/components/chart-grid/ChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-grid/ChartGrid.css.ts"],
-  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-5-2';\nexport var plot = '_13lzg4k2-3-5-2';\nexport var plotLayout = '_13lzg4k0-3-5-2';"],
+  "sourcesContent": ["import './ChartGrid.css';\nexport var area = '_13lzg4k1-3-7-0';\nexport var plot = '_13lzg4k2-3-7-0';\nexport var plotLayout = '_13lzg4k0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/chart-layout/components/styles.css

@@ -1,46 +1,46 @@
-._l1klj80-3-5-2 {
+._l1klj80-3-7-0 {
   min-width: 0;
   grid-area: graphArea;
 }
-._l1klj81-3-5-2 {
+._l1klj81-3-7-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj83-3-5-2 {
+._l1klj83-3-7-0 {
   height: inherit;
   grid-area: horizontalResize;
 }
-._l1klj84-3-5-2 {
+._l1klj84-3-7-0 {
   width: 100%;
   grid-area: verticalResize;
 }
-._l1klj85-3-5-2 {
+._l1klj85-3-7-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj86-3-5-2 {
+._l1klj86-3-7-0 {
   height: 100%;
 }
-._l1klj87-3-5-2 {
+._l1klj87-3-7-0 {
   grid-area: verticalLegend;
 }
-._l1klj88-3-5-2 {
+._l1klj88-3-7-0 {
   grid-area: horizontalLegend;
 }
-._l1klj89-3-5-2 {
+._l1klj89-3-7-0 {
   filter: opacity(40%);
   pointer-events: none;
 }
-._l1klj8a-3-5-2 {
+._l1klj8a-3-7-0 {
   background: var(--dt-colors-border-neutral-default, #dadbe4);
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
   border-radius: var(--dt-spacings-size-8, 8px);
   touch-action: none;
 }
-._l1klj8a-3-5-2:hover {
+._l1klj8a-3-7-0:hover {
   background: var(--dt-colors-border-primary-accent, #464cce);
 }
-._l1klj8b-3-5-2 {
+._l1klj8b-3-7-0 {
   transition: height var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 36px;
   width: 2px;
@@ -49,11 +49,11 @@
   grid-area: horizontalResize;
   align-self: center;
 }
-._l1klj8b-3-5-2:hover {
+._l1klj8b-3-7-0:hover {
   height: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }
-._l1klj8c-3-5-2 {
+._l1klj8c-3-7-0 {
   transition: width var(--dt-timings-base-default, 300ms) var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
   height: 2px;
   width: 36px;
@@ -62,7 +62,7 @@
   grid-area: verticalResize;
   align-self: flex-end;
 }
-._l1klj8c-3-5-2:hover {
+._l1klj8c-3-7-0:hover {
   width: var(--dt-spacings-size-48, 48px);
   background-color: var(--dt-colors-border-neutral-accent-hover, #434465);
 }

package/esm/charts/core/components/chart-layout/components/styles.sty.js

@@ -1,9 +1,9 @@
 import "./styles.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-5-2", variantClassNames: { loading: { true: "_l1klj81-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-5-2", variantClassNames: { orientation: { horizontal: "_l1klj87-3-5-2", vertical: "_l1klj88-3-5-2" }, loading: { true: "_l1klj89-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-5-2", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-5-2", vertical: "_l1klj8c-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-5-2", variantClassNames: { orientation: { horizontal: "_l1klj83-3-5-2", vertical: "_l1klj84-3-5-2" }, loading: { true: "_l1klj85-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var graphContainer = _7a468({ defaultClassName: "_l1klj80-3-7-0", variantClassNames: { loading: { true: "_l1klj81-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_l1klj86-3-7-0", variantClassNames: { orientation: { horizontal: "_l1klj87-3-7-0", vertical: "_l1klj88-3-7-0" }, loading: { true: "_l1klj89-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var legendResizeLine = _7a468({ defaultClassName: "_l1klj8a-3-7-0", variantClassNames: { orientation: { horizontal: "_l1klj8b-3-7-0", vertical: "_l1klj8c-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var resizeContainer = _7a468({ defaultClassName: "_l1klj82-3-7-0", variantClassNames: { orientation: { horizontal: "_l1klj83-3-7-0", vertical: "_l1klj84-3-7-0" }, loading: { true: "_l1klj85-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   graphContainer,
   legendContainer,

package/esm/charts/core/components/chart-layout/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/chart-layout/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-5-2',variantClassNames:{loading:{true:'_l1klj81-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-5-2',variantClassNames:{orientation:{horizontal:'_l1klj87-3-5-2',vertical:'_l1klj88-3-5-2'},loading:{true:'_l1klj89-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-5-2',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-5-2',vertical:'_l1klj8c-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-5-2',variantClassNames:{orientation:{horizontal:'_l1klj83-3-5-2',vertical:'_l1klj84-3-5-2'},loading:{true:'_l1klj85-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './styles.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var graphContainer = _7a468({defaultClassName:'_l1klj80-3-7-0',variantClassNames:{loading:{true:'_l1klj81-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendContainer = _7a468({defaultClassName:'_l1klj86-3-7-0',variantClassNames:{orientation:{horizontal:'_l1klj87-3-7-0',vertical:'_l1klj88-3-7-0'},loading:{true:'_l1klj89-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var legendResizeLine = _7a468({defaultClassName:'_l1klj8a-3-7-0',variantClassNames:{orientation:{horizontal:'_l1klj8b-3-7-0',vertical:'_l1klj8c-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var resizeContainer = _7a468({defaultClassName:'_l1klj82-3-7-0',variantClassNames:{orientation:{horizontal:'_l1klj83-3-7-0',vertical:'_l1klj84-3-7-0'},loading:{true:'_l1klj85-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1J,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/N,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChM,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,GAAE,SAAQ,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/chart-states/ChartState.css

@@ -1,16 +1,16 @@
-._4pqs4v0-3-5-2 {
+._4pqs4v0-3-7-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v1-3-5-2 {
+._4pqs4v1-3-7-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._4pqs4v2-3-5-2 {
+._4pqs4v2-3-7-0 {
   align-items: center;
   justify-content: center;
 }
-._4pqs4v3-3-5-2 {
+._4pqs4v3-3-7-0 {
   position: relative;
   width: 100%;
 }

package/esm/charts/core/components/chart-states/ChartState.sty.js

@@ -1,8 +1,8 @@
 import "./ChartState.css";
-var container = "_4pqs4v3-3-5-2";
-var emptyText = "_4pqs4v1-3-5-2";
-var errorText = "_4pqs4v0-3-5-2";
-var wrapper = "_4pqs4v2-3-5-2";
+var container = "_4pqs4v3-3-7-0";
+var emptyText = "_4pqs4v1-3-7-0";
+var errorText = "_4pqs4v0-3-7-0";
+var wrapper = "_4pqs4v2-3-7-0";
 export {
   container,
   emptyText,

package/esm/charts/core/components/chart-states/ChartState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/chart-states/ChartState.css.ts"],
-  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-5-2';\nexport var emptyText = '_4pqs4v1-3-5-2';\nexport var errorText = '_4pqs4v0-3-5-2';\nexport var wrapper = '_4pqs4v2-3-5-2';"],
+  "sourcesContent": ["import './ChartState.css';\nexport var container = '_4pqs4v3-3-7-0';\nexport var emptyText = '_4pqs4v1-3-7-0';\nexport var errorText = '_4pqs4v0-3-7-0';\nexport var wrapper = '_4pqs4v2-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/core/components/crosshair/components/Magnifier.css

@@ -1,4 +1,4 @@
-._nm3s3e0-3-5-2 {
+._nm3s3e0-3-7-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-default-weight, 400);
@@ -13,24 +13,24 @@
   z-index: var(--dt-elevations-sticky, 10);
   padding: var(--dt-spacings-size-2, 2px) var(--dt-spacings-size-4, 4px);
 }
-._nm3s3e1-3-5-2 {
+._nm3s3e1-3-7-0 {
   margin-left: -2px;
 }
-._nm3s3e2-3-5-2 {
+._nm3s3e2-3-7-0 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._nm3s3e3-3-5-2 {
+._nm3s3e3-3-7-0 {
   margin-top: var(--dt-spacings-size-2, 2px);
 }
-._nm3s3e4-3-5-2 {
+._nm3s3e4-3-7-0 {
   margin-top: -2px;
 }
-._nm3s3e5-3-5-2 {
+._nm3s3e5-3-7-0 {
   transform: rotate(-90deg);
   transform-origin: left bottom;
   margin-top: -2px;
 }
-._nm3s3e6-3-5-2 {
+._nm3s3e6-3-7-0 {
   transform: rotate(90deg) scaleX(-1) scaleY(-1) translateX(-100%) translateY(-100%);
   transform-origin: left top;
   margin-top: var(--dt-spacings-size-2, 2px);

package/esm/charts/core/components/crosshair/components/Magnifier.sty.js

@@ -1,12 +1,12 @@
 import "./Magnifier.css";
-var bottom = "_nm3s3e3-3-5-2";
-var left = "_nm3s3e1-3-5-2";
-var magnifier = "_nm3s3e0-3-5-2";
+var bottom = "_nm3s3e3-3-7-0";
+var left = "_nm3s3e1-3-7-0";
+var magnifier = "_nm3s3e0-3-7-0";
 var magnifierFontStyles = { fontFamily: "var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)", fontSize: "var(--dt-typography-text-small-default-size, 12px)", fontWeight: "var(--dt-typography-text-small-default-weight, 400)", lineHeight: "var(--dt-typography-text-small-default-line-height, 1.333333333)" };
-var right = "_nm3s3e2-3-5-2";
-var rotatedBottomStyle = "_nm3s3e6-3-5-2";
-var rotatedTopStyle = "_nm3s3e5-3-5-2";
-var top = "_nm3s3e4-3-5-2";
+var right = "_nm3s3e2-3-7-0";
+var rotatedBottomStyle = "_nm3s3e6-3-7-0";
+var rotatedTopStyle = "_nm3s3e5-3-7-0";
+var top = "_nm3s3e4-3-7-0";
 export {
   bottom,
   left,

package/esm/charts/core/components/crosshair/components/Magnifier.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/crosshair/components/Magnifier.css.ts"],
-  "sourcesContent": ["import './Magnifier.css';\nexport var bottom = '_nm3s3e3-3-5-2';\nexport var left = '_nm3s3e1-3-5-2';\nexport var magnifier = '_nm3s3e0-3-5-2';\nexport var magnifierFontStyles = {fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',fontSize:'var(--dt-typography-text-small-default-size, 12px)',fontWeight:'var(--dt-typography-text-small-default-weight, 400)',lineHeight:'var(--dt-typography-text-small-default-line-height, 1.333333333)'};\nexport var right = '_nm3s3e2-3-5-2';\nexport var rotatedBottomStyle = '_nm3s3e6-3-5-2';\nexport var rotatedTopStyle = '_nm3s3e5-3-5-2';\nexport var top = '_nm3s3e4-3-5-2';"],
+  "sourcesContent": ["import './Magnifier.css';\nexport var bottom = '_nm3s3e3-3-7-0';\nexport var left = '_nm3s3e1-3-7-0';\nexport var magnifier = '_nm3s3e0-3-7-0';\nexport var magnifierFontStyles = {fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',fontSize:'var(--dt-typography-text-small-default-size, 12px)',fontWeight:'var(--dt-typography-text-small-default-weight, 400)',lineHeight:'var(--dt-typography-text-small-default-line-height, 1.333333333)'};\nexport var right = '_nm3s3e2-3-7-0';\nexport var rotatedBottomStyle = '_nm3s3e6-3-7-0';\nexport var rotatedTopStyle = '_nm3s3e5-3-7-0';\nexport var top = '_nm3s3e4-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,YAAY;AAChB,IAAI,sBAAsB,EAAC,YAAW,6FAA4F,UAAS,sDAAqD,YAAW,uDAAsD,YAAW,mEAAkE;AAC9U,IAAI,QAAQ;AACZ,IAAI,qBAAqB;AACzB,IAAI,kBAAkB;AACtB,IAAI,MAAM;",
   "names": []
 }

package/esm/charts/core/components/interactions-overlay/InteractionsOverlay.css

@@ -1,4 +1,4 @@
-._nfahiq0-3-5-2 {
+._nfahiq0-3-7-0 {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -6,15 +6,15 @@
   left: 0;
   touch-action: none;
 }
-._nfahiq1-3-5-2 {
+._nfahiq1-3-7-0 {
   cursor: crosshair;
 }
-._nfahiq2-3-5-2 {
+._nfahiq2-3-7-0 {
   cursor: ew-resize;
 }
-._nfahiq3-3-5-2 {
+._nfahiq3-3-7-0 {
   cursor: zoom-in;
 }
-._nfahiq4-3-5-2 {
+._nfahiq4-3-7-0 {
   cursor: zoom-out;
 }

package/esm/charts/core/components/interactions-overlay/InteractionsOverlay.sty.js

@@ -1,7 +1,7 @@
 import "./InteractionsOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chartEventsWrapper = _7a468({ defaultClassName: "_nfahiq0-3-5-2", variantClassNames: { mode: { explore: "_nfahiq1-3-5-2", pan: "_nfahiq2-3-5-2", zoom: "_nfahiq3-3-5-2", zoomOut: "_nfahiq4-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var interactionsOverlay = "_nfahiq5-3-5-2";
+var chartEventsWrapper = _7a468({ defaultClassName: "_nfahiq0-3-7-0", variantClassNames: { mode: { explore: "_nfahiq1-3-7-0", pan: "_nfahiq2-3-7-0", zoom: "_nfahiq3-3-7-0", zoomOut: "_nfahiq4-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var interactionsOverlay = "_nfahiq5-3-7-0";
 export {
   chartEventsWrapper,
   interactionsOverlay

package/esm/charts/core/components/interactions-overlay/InteractionsOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/interactions-overlay/InteractionsOverlay.css.ts"],
-  "sourcesContent": ["import './InteractionsOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartEventsWrapper = _7a468({defaultClassName:'_nfahiq0-3-5-2',variantClassNames:{mode:{explore:'_nfahiq1-3-5-2',pan:'_nfahiq2-3-5-2',zoom:'_nfahiq3-3-5-2',zoomOut:'_nfahiq4-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var interactionsOverlay = '_nfahiq5-3-5-2';"],
+  "sourcesContent": ["import './InteractionsOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chartEventsWrapper = _7a468({defaultClassName:'_nfahiq0-3-7-0',variantClassNames:{mode:{explore:'_nfahiq1-3-7-0',pan:'_nfahiq2-3-7-0',zoom:'_nfahiq3-3-7-0',zoomOut:'_nfahiq4-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var interactionsOverlay = '_nfahiq5-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,SAAQ,kBAAiB,KAAI,kBAAiB,MAAK,kBAAiB,SAAQ,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClO,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/ChartLegend.css

@@ -1,4 +1,4 @@
-._9x5f9b0-3-5-2 {
+._9x5f9b0-3-7-0 {
   display: flex;
   align-items: center;
   width: 100%;

package/esm/charts/core/components/legend/categorical/ChartLegend.sty.js

@@ -1,5 +1,5 @@
 import "./ChartLegend.css";
-var legendContainer = "_9x5f9b0-3-5-2";
+var legendContainer = "_9x5f9b0-3-7-0";
 export {
   legendContainer
 };

package/esm/charts/core/components/legend/categorical/ChartLegend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/categorical/ChartLegend.css.ts"],
-  "sourcesContent": ["import './ChartLegend.css';\nexport var legendContainer = '_9x5f9b0-3-5-2';"],
+  "sourcesContent": ["import './ChartLegend.css';\nexport var legendContainer = '_9x5f9b0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendIcon/ChartLegendIcon.css

@@ -1,12 +1,12 @@
-._1wmibjy0-3-5-2 {
+._1wmibjy0-3-7-0 {
   font-size: var(--dt-spacings-size-8, 8px);
   display: block;
 }
-._1wmibjy1-3-5-2 {
+._1wmibjy1-3-7-0 {
   font-size: var(--dt-spacings-size-8, 8px);
   display: block;
 }
-._1wmibjy2-3-5-2 {
+._1wmibjy2-3-7-0 {
   width: var(--dt-spacings-size-8, 8px);
   height: var(--dt-spacings-size-8, 8px);
   border-radius: 100%;