@dynatrace/strato-components 3.4.1 → 3.5.2

package/esm/charts/core/components/tooltip-atoms/components/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/tooltip-atoms/components/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-4-1';\nexport var primaryInfo = '_1b8jnp62-3-4-1';\nexport var secondaryInfo = '_1b8jnp60-3-4-1';\nexport var symbolAtom = '_1b8jnp63-3-4-1';"],
+  "sourcesContent": ["import './styles.css';\nexport var chipAtom = '_1b8jnp61-3-5-2';\nexport var primaryInfo = '_1b8jnp62-3-5-2';\nexport var secondaryInfo = '_1b8jnp60-3-5-2';\nexport var symbolAtom = '_1b8jnp63-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/zoom/ZoomCursors.css

@@ -1,8 +1,8 @@
-._1idfwsm0-3-4-1 {
+._1idfwsm0-3-5-2 {
   cursor: ew-resize;
   user-select: none;
   touch-action: pan-y;
 }
-._1idfwsm1-3-4-1 {
+._1idfwsm1-3-5-2 {
   cursor: default;
 }

package/esm/charts/core/components/zoom/ZoomCursors.sty.js

@@ -1,8 +1,8 @@
 import "./ZoomCursors.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-4-1", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-4-1", false: "_1idfwsm1-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var defaultCursor = "_1idfwsm1-3-4-1";
-var resizeCursor = "_1idfwsm0-3-4-1";
+var cursorStyle = _7a468({ defaultClassName: "_1idfwsm2-3-5-2", variantClassNames: { isPanEnabled: { true: "_1idfwsm0-3-5-2", false: "_1idfwsm1-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var defaultCursor = "_1idfwsm1-3-5-2";
+var resizeCursor = "_1idfwsm0-3-5-2";
 export {
   cursorStyle,
   defaultCursor,

package/esm/charts/core/components/zoom/ZoomCursors.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/zoom/ZoomCursors.css.ts"],
-  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-4-1',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-4-1',false:'_1idfwsm1-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-4-1';\nexport var resizeCursor = '_1idfwsm0-3-4-1';"],
+  "sourcesContent": ["import './ZoomCursors.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var cursorStyle = _7a468({defaultClassName:'_1idfwsm2-3-5-2',variantClassNames:{isPanEnabled:{true:'_1idfwsm0-3-5-2',false:'_1idfwsm1-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var defaultCursor = '_1idfwsm1-3-5-2';\nexport var resizeCursor = '_1idfwsm0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtL,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/constants.js

@@ -51,11 +51,19 @@ const ChartOverlaysElevation = {
 const FONT_BASE = 10;
 const SUFFIX_RATIO = 0.66;
 const LOADING_STATE_OPACITY = 40;
+const ORIENTATION = {
+  Horizontal: "horizontal",
+  Vertical: "vertical"
+};
+const DEFAULT_CUSTOM_TOOLTIP_CONFIG = {
+  hidden: false
+};
 export {
   CATEGORICAL_BARS_INNER_PADDING,
   CATEGORICAL_BARS_OUTER_PADDING,
   CSS_DOWNLOAD_FILENAME,
   ChartOverlaysElevation,
+  DEFAULT_CUSTOM_TOOLTIP_CONFIG,
   DEFAULT_DATA_POINT_RADIUS,
   DEFAULT_FILL_OPACITY,
   DEFAULT_HIGHLIGHTED_OPACITY,
@@ -82,6 +90,7 @@ export {
   LEGEND_POSITION,
   LOADING_STATE_OPACITY,
   MIDDLE_BUTTON_ID,
+  ORIENTATION,
   PINCH_RELATIVE_THRESHOLD,
   RIGHT_BUTTON_ID,
   SCALE_FALLBACK_COLOR,

package/esm/charts/core/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/core/constants.ts"],
-  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { MappedObject } from './types/helpers/mapped-object.js';\nimport type { LegendPosition } from './types/legend.js';\nimport type { ValueRepresentation } from './types/scales.js';\nimport type { TruncationMode } from '../../typography/text-ellipsis/TextEllipsis.js';\n\n/**\n * @internal\n */\nexport const SCALE_FALLBACK_COLOR = Colors.Background.Container.Neutral.Accent;\n\n/** @internal */\nexport const SIXTY_FPS = 1000 / 60; // in ms\n\n/**\n * @internal\n */\nexport const DEFAULT_DATA_POINT_RADIUS = 3;\n\n/**\n * Colors\n * @internal\n */\nexport const DEFAULT_FILL_OPACITY = 0.8;\n\n/**\n * Highlighted\n * @internal\n */\nexport const DEFAULT_HIGHLIGHTED_OPACITY = 0.7;\n\n/**\n * An inactive fill is applied to every shape that is not\n * being hovered from the legend.\n * @internal\n */\nexport const DEFAULT_INACTIVE_FILL_OPACITY = 0.1;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAR_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_AREA_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_LINE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART_LABEL = 0.2;\n\n/**\n * Default opacity to be used for band chart.\n * It applies for both stroke and fill color.\n * @internal\n */\nexport const DEFAULT_OPACITY_BAND_CHART = 0.5;\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAND_CHART = 0.15;\n/**\n Stroke only has another value to differentiate it from line charts\n * @internal\n*/\nexport const STROKE_ONLY_OPACITY_BAND_CHART = 0.8;\n/**\n * @internal\n */\nexport const INACTIVE_STROKE_ONLY_OPACITY_BAND_CHART = 0.15;\n/**\n * Width in px applied to the stroke style\n * @internal\n */\nexport const DEFAULT_STROKE_WIDTH_BAND_CHART = 1;\n/**\n * @internal\n */\nexport const defaultRatio = 'auto';\n\n/**\n * @public\n */\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\n/**\n * @internal\n */\nexport const DEFAULT_VALUE_REPRESENTATION: ValueRepresentation = 'absolute';\n\n/**\n * Default value accessor field name used when extracting values from objects\n * @internal\n */\nexport const DEFAULT_VALUE_ACCESSOR = 'value';\n\n/**\n * @internal\n */\nexport const DEFAULT_SERIES_CURVE_SHAPE = 'linear';\n\n/**\n * @internal\n */\nexport const DEFAULT_INFINITE_ZOOM = false;\n\n/**\n * @internal\n */\nexport const DEFAULT_SELECT_ENABLED = false;\n\n/**\n * Chart layout padding\n * @internal\n */\nexport const LAYOUT_PADDING = 8;\n\n/**\n * Inner padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_INNER_PADDING = 0.25;\n\n/**\n * Outer padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_OUTER_PADDING = 0.15;\n\n/**\n * @public\n */\nexport const CSS_DOWNLOAD_FILENAME = 'data.csv';\n\n/**\n * @internal\n */\nexport const LEGEND_POSITION = Object.freeze<MappedObject<LegendPosition>>({\n  Auto: 'auto',\n  Bottom: 'bottom',\n  Right: 'right',\n});\n\n/**\n * @internal\n */\nexport const TRUNCATION_MODE = Object.freeze<MappedObject<TruncationMode>>({\n  End: 'end',\n  Middle: 'middle',\n  Start: 'start',\n});\n\n/**\n * Grail limits\n * @internal\n */\nexport const GRAIL_MIN_DOMAIN = new Date('1677-09-21T00:12:43.145224192Z');\n/**\n * @internal\n */\nexport const GRAIL_MAX_DOMAIN = new Date('2262-04-11T23:47:16.854775807Z');\n/**\n * @internal\n */\nexport const SWIPE_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const PINCH_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const RIGHT_BUTTON_ID = 2;\n\nexport const MIDDLE_BUTTON_ID = 4;\n\nexport const ChartOverlaysElevation = {\n  crosshair: 1,\n  dataPoints: 2,\n  brush: 3,\n  toolbar: 4,\n};\n\n/**\n * @internal\n */\nexport const FONT_BASE = 10;\n\n/**\n * @internal\n */\nexport const SUFFIX_RATIO = 0.66;\n\nexport const LOADING_STATE_OPACITY = 40;\n"],
-  "mappings": "AAAA,OAAO,YAAY;AAUZ,MAAM,uBAAuB,OAAO,WAAW,UAAU,QAAQ;AAGjE,MAAM,YAAY,MAAO;AAKzB,MAAM,4BAA4B;AAMlC,MAAM,uBAAuB;AAM7B,MAAM,8BAA8B;AAOpC,MAAM,gCAAgC;AAKtC,MAAM,kCAAkC;AAKxC,MAAM,mCAAmC;AAKzC,MAAM,mCAAmC;AAKzC,MAAM,kCAAkC;AAKxC,MAAM,wCAAwC;AAO9C,MAAM,6BAA6B;AAInC,MAAM,mCAAmC;AAKzC,MAAM,iCAAiC;AAIvC,MAAM,0CAA0C;AAKhD,MAAM,kCAAkC;AAIxC,MAAM,eAAe;AAKrB,MAAM,0BAA0B;AAIhC,MAAM,+BAAoD;AAM1D,MAAM,yBAAyB;AAK/B,MAAM,6BAA6B;AAKnC,MAAM,wBAAwB;AAK9B,MAAM,yBAAyB;AAM/B,MAAM,iBAAiB;AAMvB,MAAM,iCAAiC;AAMvC,MAAM,iCAAiC;AAKvC,MAAM,wBAAwB;AAK9B,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAKM,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAMM,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,2BAA2B;AAIjC,MAAM,2BAA2B;AAIjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AACX;AAKO,MAAM,YAAY;AAKlB,MAAM,eAAe;AAErB,MAAM,wBAAwB;",
+  "sourcesContent": ["import Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport type { MappedObject } from './types/helpers/mapped-object.js';\nimport type { LegendPosition } from './types/legend.js';\nimport type { ValueRepresentation } from './types/scales.js';\nimport type { ChartTooltipConfig } from './types/tooltip.js';\nimport type { Orientation } from '../../core/types/orientation.js';\nimport type { TruncationMode } from '../../typography/text-ellipsis/TextEllipsis.js';\n\n/**\n * @internal\n */\nexport const SCALE_FALLBACK_COLOR = Colors.Background.Container.Neutral.Accent;\n\n/** @internal */\nexport const SIXTY_FPS = 1000 / 60; // in ms\n\n/**\n * @internal\n */\nexport const DEFAULT_DATA_POINT_RADIUS = 3;\n\n/**\n * Colors\n * @internal\n */\nexport const DEFAULT_FILL_OPACITY = 0.8;\n\n/**\n * Highlighted\n * @internal\n */\nexport const DEFAULT_HIGHLIGHTED_OPACITY = 0.7;\n\n/**\n * An inactive fill is applied to every shape that is not\n * being hovered from the legend.\n * @internal\n */\nexport const DEFAULT_INACTIVE_FILL_OPACITY = 0.1;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAR_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_AREA_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_LINE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART = DEFAULT_INACTIVE_FILL_OPACITY;\n\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_PIE_CHART_LABEL = 0.2;\n\n/**\n * Default opacity to be used for band chart.\n * It applies for both stroke and fill color.\n * @internal\n */\nexport const DEFAULT_OPACITY_BAND_CHART = 0.5;\n/**\n * @internal\n */\nexport const INACTIVE_FILL_OPACITY_BAND_CHART = 0.15;\n/**\n Stroke only has another value to differentiate it from line charts\n * @internal\n*/\nexport const STROKE_ONLY_OPACITY_BAND_CHART = 0.8;\n/**\n * @internal\n */\nexport const INACTIVE_STROKE_ONLY_OPACITY_BAND_CHART = 0.15;\n/**\n * Width in px applied to the stroke style\n * @internal\n */\nexport const DEFAULT_STROKE_WIDTH_BAND_CHART = 1;\n/**\n * @internal\n */\nexport const defaultRatio = 'auto';\n\n/**\n * @public\n */\nexport const DEFAULT_TRUNCATION_MODE = 'middle';\n/**\n * @internal\n */\nexport const DEFAULT_VALUE_REPRESENTATION: ValueRepresentation = 'absolute';\n\n/**\n * Default value accessor field name used when extracting values from objects\n * @internal\n */\nexport const DEFAULT_VALUE_ACCESSOR = 'value';\n\n/**\n * @internal\n */\nexport const DEFAULT_SERIES_CURVE_SHAPE = 'linear';\n\n/**\n * @internal\n */\nexport const DEFAULT_INFINITE_ZOOM = false;\n\n/**\n * @internal\n */\nexport const DEFAULT_SELECT_ENABLED = false;\n\n/**\n * Chart layout padding\n * @internal\n */\nexport const LAYOUT_PADDING = 8;\n\n/**\n * Inner padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_INNER_PADDING = 0.25;\n\n/**\n * Outer padding for categorical-based bars\n * @internal\n */\nexport const CATEGORICAL_BARS_OUTER_PADDING = 0.15;\n\n/**\n * @public\n */\nexport const CSS_DOWNLOAD_FILENAME = 'data.csv';\n\n/**\n * @internal\n */\nexport const LEGEND_POSITION = Object.freeze<MappedObject<LegendPosition>>({\n  Auto: 'auto',\n  Bottom: 'bottom',\n  Right: 'right',\n});\n\n/**\n * @internal\n */\nexport const TRUNCATION_MODE = Object.freeze<MappedObject<TruncationMode>>({\n  End: 'end',\n  Middle: 'middle',\n  Start: 'start',\n});\n\n/**\n * Grail limits\n * @internal\n */\nexport const GRAIL_MIN_DOMAIN = new Date('1677-09-21T00:12:43.145224192Z');\n/**\n * @internal\n */\nexport const GRAIL_MAX_DOMAIN = new Date('2262-04-11T23:47:16.854775807Z');\n/**\n * @internal\n */\nexport const SWIPE_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const PINCH_RELATIVE_THRESHOLD = 0.15;\n/**\n * @internal\n */\nexport const RIGHT_BUTTON_ID = 2;\n\nexport const MIDDLE_BUTTON_ID = 4;\n\nexport const ChartOverlaysElevation = {\n  crosshair: 1,\n  dataPoints: 2,\n  brush: 3,\n  toolbar: 4,\n};\n\n/**\n * @internal\n */\nexport const FONT_BASE = 10;\n\n/**\n * @internal\n */\nexport const SUFFIX_RATIO = 0.66;\n\nexport const LOADING_STATE_OPACITY = 40;\n\nexport const ORIENTATION: MappedObject<Orientation> = {\n  Horizontal: 'horizontal',\n  Vertical: 'vertical',\n};\n\n/**\n * @internal\n */\nexport const DEFAULT_CUSTOM_TOOLTIP_CONFIG: ChartTooltipConfig = {\n  hidden: false,\n};\n"],
+  "mappings": "AAAA,OAAO,YAAY;AAYZ,MAAM,uBAAuB,OAAO,WAAW,UAAU,QAAQ;AAGjE,MAAM,YAAY,MAAO;AAKzB,MAAM,4BAA4B;AAMlC,MAAM,uBAAuB;AAM7B,MAAM,8BAA8B;AAOpC,MAAM,gCAAgC;AAKtC,MAAM,kCAAkC;AAKxC,MAAM,mCAAmC;AAKzC,MAAM,mCAAmC;AAKzC,MAAM,kCAAkC;AAKxC,MAAM,wCAAwC;AAO9C,MAAM,6BAA6B;AAInC,MAAM,mCAAmC;AAKzC,MAAM,iCAAiC;AAIvC,MAAM,0CAA0C;AAKhD,MAAM,kCAAkC;AAIxC,MAAM,eAAe;AAKrB,MAAM,0BAA0B;AAIhC,MAAM,+BAAoD;AAM1D,MAAM,yBAAyB;AAK/B,MAAM,6BAA6B;AAKnC,MAAM,wBAAwB;AAK9B,MAAM,yBAAyB;AAM/B,MAAM,iBAAiB;AAMvB,MAAM,iCAAiC;AAMvC,MAAM,iCAAiC;AAKvC,MAAM,wBAAwB;AAK9B,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAKM,MAAM,kBAAkB,OAAO,OAAqC;AAAA,EACzE,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT,CAAC;AAMM,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,mBAAmB,oBAAI,KAAK,gCAAgC;AAIlE,MAAM,2BAA2B;AAIjC,MAAM,2BAA2B;AAIjC,MAAM,kBAAkB;AAExB,MAAM,mBAAmB;AAEzB,MAAM,yBAAyB;AAAA,EACpC,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AACX;AAKO,MAAM,YAAY;AAKlB,MAAM,eAAe;AAErB,MAAM,wBAAwB;AAE9B,MAAM,cAAyC;AAAA,EACpD,YAAY;AAAA,EACZ,UAAU;AACZ;AAKO,MAAM,gCAAoD;AAAA,EAC/D,QAAQ;AACV;",
   "names": []
 }

package/esm/charts/core/hooks/useOverlayEventHandlers.js

@@ -1,4 +1,3 @@
-import { useCallback, useEffect } from "react";
 import { useTooltip } from "../components/overlay-tooltip/contexts/TooltipContext.js";
 import { useTooltipReducer } from "../components/overlay-tooltip/useTooltipReducer.js";
 import { emptyData } from "../components/overlay-tooltip/utils.js";
@@ -60,24 +59,6 @@ const useOverlayEventHandlers = (overlay, options) => {
       }
     }
   };
-  const onClickOutsideOverlay = useCallback(
-    (event) => {
-      const currentPinned = tooltipStore.getState().pinned;
-      if (currentPinned && !overlayRef.current?.contains(event.target)) {
-        dispatch({
-          type: "SET_PINNED",
-          payload: { pinned: false, data: emptyData() }
-        })();
-      }
-    },
-    [tooltipStore, overlayRef, dispatch]
-  );
-  useEffect(() => {
-    window.addEventListener("click", onClickOutsideOverlay);
-    return () => {
-      window.removeEventListener("click", onClickOutsideOverlay);
-    };
-  }, [onClickOutsideOverlay]);
   return {
     handlePointerEnter,
     handlePointerMove,

package/esm/charts/core/hooks/useOverlayEventHandlers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/hooks/useOverlayEventHandlers.ts"],
-  "sourcesContent": ["import { type MouseEvent, useCallback, useEffect } from 'react';\n\nimport { useTooltip } from '../components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data, Overlay } from '../components/overlay-tooltip/types.js';\nimport { useTooltipReducer } from '../components/overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../components/overlay-tooltip/utils.js';\n\ntype Options = {\n  onToolbarVisibilityChange: (visible: boolean) => void;\n  getTooltipData: (event: MouseEvent<HTMLDivElement>) => Data | undefined;\n};\n\nexport const useOverlayEventHandlers = (overlay: Overlay, options: Options) => {\n  const overlayRef = overlay.overlayRef;\n  const tooltipStore = useTooltip();\n  const dispatch = useTooltipReducer();\n  const { onToolbarVisibilityChange, getTooltipData } = options;\n\n  const handlePointerEnter = () => {\n    onToolbarVisibilityChange(true);\n  };\n\n  const handlePointerMove = (event: MouseEvent<HTMLDivElement>) => {\n    if (\n      !overlayRef.current ||\n      tooltipStore.getState().pinned ||\n      event.target !== overlayRef.current\n    ) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event);\n    if (tooltipData) {\n      dispatch({ type: 'SET_POSITION', payload: tooltipData })(\n        event.nativeEvent,\n      );\n    } else {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n    }\n  };\n\n  const handlePointerLeave = () => {\n    onToolbarVisibilityChange(false);\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  };\n\n  const handleMouseClick = (event: MouseEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n\n    if (!overlayRef.current || event.target !== overlayRef.current) {\n      return;\n    }\n\n    const inBounds = tooltipStore.getState().inBounds;\n    const tooltipData = getTooltipData(event);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (inBounds || isPinned) {\n      if (isPinned) {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: { pinned: false, data: emptyData() },\n        })();\n\n        if (tooltipData) {\n          dispatch({ type: 'SET_POSITION', payload: tooltipData })(\n            event.nativeEvent,\n          );\n        }\n      } else if (tooltipData) {\n        const { offsetX, offsetY } = event.nativeEvent;\n        dispatch({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            data: tooltipData,\n            relativeX: offsetX,\n            relativeY: offsetY,\n          },\n        })();\n      }\n    }\n  };\n\n  const onClickOutsideOverlay = useCallback(\n    (event: globalThis.MouseEvent) => {\n      const currentPinned = tooltipStore.getState().pinned;\n      if (\n        currentPinned &&\n        !overlayRef.current?.contains(event.target as Node)\n      ) {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: { pinned: false, data: emptyData() },\n        })();\n      }\n    },\n    [tooltipStore, overlayRef, dispatch],\n  );\n\n  useEffect(() => {\n    window.addEventListener('click', onClickOutsideOverlay);\n    return () => {\n      window.removeEventListener('click', onClickOutsideOverlay);\n    };\n  }, [onClickOutsideOverlay]);\n\n  return {\n    handlePointerEnter,\n    handlePointerMove,\n    handlePointerLeave,\n    handleMouseClick,\n  };\n};\n"],
-  "mappings": "AAAA,SAA0B,aAAa,iBAAiB;AAExD,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAOnB,MAAM,0BAA0B,CAAC,SAAkB,YAAqB;AAC7E,QAAM,aAAa,QAAQ;AAC3B,QAAM,eAAe,WAAW;AAChC,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,2BAA2B,eAAe,IAAI;AAEtD,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,IAAI;AAAA,EAChC;AAEA,QAAM,oBAAoB,CAAC,UAAsC;AAC/D,QACE,CAAC,WAAW,WACZ,aAAa,SAAS,EAAE,UACxB,MAAM,WAAW,WAAW,SAC5B;AACA;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,KAAK;AACxC,QAAI,aAAa;AACf,eAAS,EAAE,MAAM,gBAAgB,SAAS,YAAY,CAAC;AAAA,QACrD,MAAM;AAAA,MACR;AAAA,IACF,OAAO;AACL,eAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,KAAK;AAC/B,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC;AAEA,QAAM,mBAAmB,CAAC,UAAsC;AAC9D,UAAM,gBAAgB;AAEtB,QAAI,CAAC,WAAW,WAAW,MAAM,WAAW,WAAW,SAAS;AAC9D;AAAA,IACF;AAEA,UAAM,WAAW,aAAa,SAAS,EAAE;AACzC,UAAM,cAAc,eAAe,KAAK;AACxC,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,YAAY,UAAU;AACxB,UAAI,UAAU;AACZ,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,QAC9C,CAAC,EAAE;AAEH,YAAI,aAAa;AACf,mBAAS,EAAE,MAAM,gBAAgB,SAAS,YAAY,CAAC;AAAA,YACrD,MAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF,WAAW,aAAa;AACtB,cAAM,EAAE,SAAS,QAAQ,IAAI,MAAM;AACnC,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,WAAW;AAAA,YACX,WAAW;AAAA,UACb;AAAA,QACF,CAAC,EAAE;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAEA,QAAM,wBAAwB;AAAA,IAC5B,CAAC,UAAiC;AAChC,YAAM,gBAAgB,aAAa,SAAS,EAAE;AAC9C,UACE,iBACA,CAAC,WAAW,SAAS,SAAS,MAAM,MAAc,GAClD;AACA,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,QAC9C,CAAC,EAAE;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,cAAc,YAAY,QAAQ;AAAA,EACrC;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,SAAS,qBAAqB;AACtD,WAAO,MAAM;AACX,aAAO,oBAAoB,SAAS,qBAAqB;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,qBAAqB,CAAC;AAE1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { type MouseEvent } from 'react';\n\nimport { useTooltip } from '../components/overlay-tooltip/contexts/TooltipContext.js';\nimport type { Data, Overlay } from '../components/overlay-tooltip/types.js';\nimport { useTooltipReducer } from '../components/overlay-tooltip/useTooltipReducer.js';\nimport { emptyData } from '../components/overlay-tooltip/utils.js';\n\ntype Options = {\n  onToolbarVisibilityChange: (visible: boolean) => void;\n  getTooltipData: (event: MouseEvent<HTMLDivElement>) => Data | undefined;\n};\n\nexport const useOverlayEventHandlers = (overlay: Overlay, options: Options) => {\n  const overlayRef = overlay.overlayRef;\n  const tooltipStore = useTooltip();\n  const dispatch = useTooltipReducer();\n  const { onToolbarVisibilityChange, getTooltipData } = options;\n\n  const handlePointerEnter = () => {\n    onToolbarVisibilityChange(true);\n  };\n\n  const handlePointerMove = (event: MouseEvent<HTMLDivElement>) => {\n    if (\n      !overlayRef.current ||\n      tooltipStore.getState().pinned ||\n      event.target !== overlayRef.current\n    ) {\n      return;\n    }\n\n    const tooltipData = getTooltipData(event);\n    if (tooltipData) {\n      dispatch({ type: 'SET_POSITION', payload: tooltipData })(\n        event.nativeEvent,\n      );\n    } else {\n      dispatch({ type: 'SET_OUT_BOUNDS' })();\n    }\n  };\n\n  const handlePointerLeave = () => {\n    onToolbarVisibilityChange(false);\n    dispatch({ type: 'SET_OUT_BOUNDS' })();\n  };\n\n  const handleMouseClick = (event: MouseEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n\n    if (!overlayRef.current || event.target !== overlayRef.current) {\n      return;\n    }\n\n    const inBounds = tooltipStore.getState().inBounds;\n    const tooltipData = getTooltipData(event);\n    const isPinned = tooltipStore.getState().pinned;\n\n    if (inBounds || isPinned) {\n      if (isPinned) {\n        dispatch({\n          type: 'SET_PINNED',\n          payload: { pinned: false, data: emptyData() },\n        })();\n\n        if (tooltipData) {\n          dispatch({ type: 'SET_POSITION', payload: tooltipData })(\n            event.nativeEvent,\n          );\n        }\n      } else if (tooltipData) {\n        const { offsetX, offsetY } = event.nativeEvent;\n        dispatch({\n          type: 'SET_PINNED',\n          payload: {\n            pinned: true,\n            data: tooltipData,\n            relativeX: offsetX,\n            relativeY: offsetY,\n          },\n        })();\n      }\n    }\n  };\n\n  return {\n    handlePointerEnter,\n    handlePointerMove,\n    handlePointerLeave,\n    handleMouseClick,\n  };\n};\n"],
+  "mappings": "AAEA,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAOnB,MAAM,0BAA0B,CAAC,SAAkB,YAAqB;AAC7E,QAAM,aAAa,QAAQ;AAC3B,QAAM,eAAe,WAAW;AAChC,QAAM,WAAW,kBAAkB;AACnC,QAAM,EAAE,2BAA2B,eAAe,IAAI;AAEtD,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,IAAI;AAAA,EAChC;AAEA,QAAM,oBAAoB,CAAC,UAAsC;AAC/D,QACE,CAAC,WAAW,WACZ,aAAa,SAAS,EAAE,UACxB,MAAM,WAAW,WAAW,SAC5B;AACA;AAAA,IACF;AAEA,UAAM,cAAc,eAAe,KAAK;AACxC,QAAI,aAAa;AACf,eAAS,EAAE,MAAM,gBAAgB,SAAS,YAAY,CAAC;AAAA,QACrD,MAAM;AAAA,MACR;AAAA,IACF,OAAO;AACL,eAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,8BAA0B,KAAK;AAC/B,aAAS,EAAE,MAAM,iBAAiB,CAAC,EAAE;AAAA,EACvC;AAEA,QAAM,mBAAmB,CAAC,UAAsC;AAC9D,UAAM,gBAAgB;AAEtB,QAAI,CAAC,WAAW,WAAW,MAAM,WAAW,WAAW,SAAS;AAC9D;AAAA,IACF;AAEA,UAAM,WAAW,aAAa,SAAS,EAAE;AACzC,UAAM,cAAc,eAAe,KAAK;AACxC,UAAM,WAAW,aAAa,SAAS,EAAE;AAEzC,QAAI,YAAY,UAAU;AACxB,UAAI,UAAU;AACZ,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS,EAAE,QAAQ,OAAO,MAAM,UAAU,EAAE;AAAA,QAC9C,CAAC,EAAE;AAEH,YAAI,aAAa;AACf,mBAAS,EAAE,MAAM,gBAAgB,SAAS,YAAY,CAAC;AAAA,YACrD,MAAM;AAAA,UACR;AAAA,QACF;AAAA,MACF,WAAW,aAAa;AACtB,cAAM,EAAE,SAAS,QAAQ,IAAI,MAAM;AACnC,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,SAAS;AAAA,YACP,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,WAAW;AAAA,YACX,WAAW;AAAA,UACb;AAAA,QACF,CAAC,EAAE;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.js

@@ -0,0 +1,40 @@
+import { useEffect, useMemo, useState } from "react";
+import { useThrottledCallbackOnScroll } from "./useThrottledCallbackOnScroll.js";
+import { throttleRaf } from "../utils/throttleRaf.js";
+const usePointerAndScrollResponsiveChartBounds = (chartRef, enabled) => {
+  const getBoundingClientRect = () => () => chartRef?.current?.getBoundingClientRect();
+  const [getChartBounds, setGetChartBounds] = useState(getBoundingClientRect);
+  useThrottledCallbackOnScroll(!enabled, () => {
+    setGetChartBounds(getBoundingClientRect);
+  });
+  const throttledPointerUpdate = useMemo(
+    () => throttleRaf(() => {
+      setGetChartBounds(getBoundingClientRect);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const throttledMoveUpdate = useMemo(
+    () => throttleRaf((event) => {
+      if (!event.pressure || chartRef?.current?.contains(event.target)) {
+        return;
+      }
+      setGetChartBounds(getBoundingClientRect);
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  useEffect(() => {
+    window.addEventListener("pointermove", throttledMoveUpdate);
+    window.addEventListener("pointerup", throttledPointerUpdate);
+    return () => {
+      window.removeEventListener("pointermove", throttledMoveUpdate);
+      window.removeEventListener("pointerup", throttledPointerUpdate);
+    };
+  }, [throttledMoveUpdate, throttledPointerUpdate]);
+  return getChartBounds;
+};
+export {
+  usePointerAndScrollResponsiveChartBounds
+};
+//# sourceMappingURL=usePointerAndScrollResponsiveChartBounds.js.map

package/esm/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/hooks/usePointerAndScrollResponsiveChartBounds.ts"],
+  "sourcesContent": ["import { type RefObject, useEffect, useMemo, useState } from 'react';\n\nimport { useThrottledCallbackOnScroll } from './useThrottledCallbackOnScroll.js';\nimport { throttleRaf } from '../utils/throttleRaf.js';\n\nexport const usePointerAndScrollResponsiveChartBounds = (\n  chartRef: RefObject<HTMLElement | null> | undefined,\n  enabled: boolean,\n): (() => DOMRect | undefined) => {\n  const getBoundingClientRect = () => () =>\n    chartRef?.current?.getBoundingClientRect();\n  const [getChartBounds, setGetChartBounds] = useState<\n    () => DOMRect | undefined\n  >(getBoundingClientRect);\n\n  useThrottledCallbackOnScroll(!enabled, () => {\n    setGetChartBounds(getBoundingClientRect);\n  });\n  const throttledPointerUpdate = useMemo(\n    () =>\n      throttleRaf(() => {\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n  const throttledMoveUpdate = useMemo(\n    () =>\n      throttleRaf((event: PointerEvent) => {\n        if (\n          !event.pressure ||\n          chartRef?.current?.contains(event.target as Node)\n        ) {\n          return;\n        }\n        setGetChartBounds(getBoundingClientRect);\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  useEffect(() => {\n    window.addEventListener('pointermove', throttledMoveUpdate);\n    window.addEventListener('pointerup', throttledPointerUpdate);\n    return () => {\n      window.removeEventListener('pointermove', throttledMoveUpdate);\n      window.removeEventListener('pointerup', throttledPointerUpdate);\n    };\n  }, [throttledMoveUpdate, throttledPointerUpdate]);\n\n  return getChartBounds;\n};\n"],
+  "mappings": "AAAA,SAAyB,WAAW,SAAS,gBAAgB;AAE7D,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAErB,MAAM,2CAA2C,CACtD,UACA,YACgC;AAChC,QAAM,wBAAwB,MAAM,MAClC,UAAU,SAAS,sBAAsB;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAE1C,qBAAqB;AAEvB,+BAA6B,CAAC,SAAS,MAAM;AAC3C,sBAAkB,qBAAqB;AAAA,EACzC,CAAC;AACD,QAAM,yBAAyB;AAAA,IAC7B,MACE,YAAY,MAAM;AAChB,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB;AAAA,IAC1B,MACE,YAAY,CAAC,UAAwB;AACnC,UACE,CAAC,MAAM,YACP,UAAU,SAAS,SAAS,MAAM,MAAc,GAChD;AACA;AAAA,MACF;AACA,wBAAkB,qBAAqB;AAAA,IACzC,CAAC;AAAA;AAAA,IAEH,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,aAAa,sBAAsB;AAC3D,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,aAAa,sBAAsB;AAAA,IAChE;AAAA,EACF,GAAG,CAAC,qBAAqB,sBAAsB,CAAC;AAEhD,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/slots/Tooltip.js

@@ -0,0 +1,9 @@
+const Tooltip = (prefix) => {
+  const component = (props) => null;
+  component["displayName"] = `${prefix}.Tooltip`;
+  return component;
+};
+export {
+  Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/esm/charts/core/slots/Tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/charts/core/slots/Tooltip.tsx"],
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\n/**\n * @public\n */\nexport type TooltipProps = {\n  hidden?: boolean;\n  children?: (payload: Record<string, unknown>) => ReactNode;\n};\n\nexport const Tooltip = <T extends TooltipProps>(prefix: string) => {\n  const component = (props: T) => null;\n  component['displayName'] = `${prefix}.Tooltip`;\n\n  return component;\n};\n"],
+  "mappings": "AAUO,MAAM,UAAU,CAAyB,WAAmB;AACjE,QAAM,YAAY,CAAC,UAAa;AAChC,YAAU,aAAa,IAAI,GAAG,MAAM;AAEpC,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/core/types/formatter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/types/formatter.ts"],
-  "sourcesContent": ["import type {\n  FormatOptions,\n  ConvertibleUnit,\n  Unit,\n} from '@dynatrace-sdk/units';\n\n/**\n * Type guard to ensure we are working with the FormatterOptions.\n *\n * @param formatter - given formatter fn or options\n * @internal\n */\nexport function isFormatterOptions(\n  formatter: AnyNumericFormatter | undefined,\n): formatter is FormatOptions<Unit, ConvertibleUnit> {\n  return typeof formatter === 'object';\n}\n\n/** @public */\nexport type Formatter = (value: number, unit?: string | Unit) => string;\n\n/**\n * @internal\n */\nexport type AnyNumericFormatter =\n  | Formatter\n  | FormatOptions<Unit, ConvertibleUnit>;\n\n/** @internal */\nexport type FormatterWithPrecision = (\n  value: number,\n  unit?: string | Unit,\n  precision?: number,\n) => string;\n\n/**\n * @internal\n */\nexport type DateTimeFormatter = (input: number | Date) => string;\n\n/**\n * @internal\n */\nexport type TimeFrameFormatter = (from: Date, to?: Date) => string;\n\n/**\n * Custom formatter for Dates\n * @public\n */\nexport type TimeFormatter = (time: Date) => string;\n\n/**\n * @internal\n */\nexport function isUnit(unit: string | Unit): unit is Unit {\n  return typeof unit === 'object';\n}\n"],
-  "mappings": "AAYO,SAAS,mBACd,WACmD;AACnD,SAAO,OAAO,cAAc;AAC9B;AAsCO,SAAS,OAAO,MAAmC;AACxD,SAAO,OAAO,SAAS;AACzB;",
+  "sourcesContent": ["import type {\n  FormatOptions,\n  ConvertibleUnit,\n  Unit,\n} from '@dynatrace-sdk/units';\n\n/**\n * Type guard to ensure we are working with the FormatterOptions.\n *\n * @param formatter - given formatter fn or options\n * @internal\n */\nexport function isFormatterOptions(\n  formatter: AnyNumericFormatter | undefined,\n): formatter is FormatOptions<Unit, ConvertibleUnit> {\n  return typeof formatter === 'object';\n}\n\n/** @public */\nexport type Formatter = (value: number, unit?: string | Unit) => string;\n\n/** @public */\nexport type CategoricalFormatter = (\n  value: string,\n  data: Record<string, unknown>,\n) => string;\n\n/**\n * @internal\n */\nexport type AnyNumericFormatter =\n  | Formatter\n  | FormatOptions<Unit, ConvertibleUnit>;\n\n/** @internal */\nexport type FormatterWithPrecision = (\n  value: number,\n  unit?: string | Unit,\n  precision?: number,\n) => string;\n\n/**\n * @internal\n */\nexport type DateTimeFormatter = (input: number | Date) => string;\n\n/**\n * @internal\n */\nexport type TimeFrameFormatter = (from: Date, to?: Date) => string;\n\n/**\n * Pre-bound categorical formatter used inside chart utilities. The original\n * `CategoricalFormatter` is wrapped once with its associated datum so that\n * downstream code only deals with a `(value) => string` shape, matching the\n * other formatter types.\n *\n * @internal\n */\nexport type StringFormatter = (value: string) => string;\n\n/**\n * Custom formatter for Dates\n * @public\n */\nexport type TimeFormatter = (time: Date) => string;\n\n/**\n * @internal\n */\nexport function isUnit(unit: string | Unit): unit is Unit {\n  return typeof unit === 'object';\n}\n"],
+  "mappings": "AAYO,SAAS,mBACd,WACmD;AACnD,SAAO,OAAO,cAAc;AAC9B;AAsDO,SAAS,OAAO,MAAmC;AACxD,SAAO,OAAO,SAAS;AACzB;",
   "names": []
 }

package/esm/charts/core/types/tooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/types/tooltip.ts"],
-  "sourcesContent": ["import type { ColorToken } from './color-palette.js';\n\n/**\n * The tooltip display\n * @public\n */\nexport const seriesDisplayModeOptions = ['single-line', 'multi-line'] as const;\n\n/**\n * @public\n */\nexport type SeriesDisplayMode = (typeof seriesDisplayModeOptions)[number];\n\n/**\n * @public\n */\nexport interface TooltipItem extends Record<string, unknown> {\n  id: string;\n  name: string | string[];\n  color?: ColorToken;\n  values?: string[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  userData?: Record<string, any>;\n}\n\n/**\n * Whether the tooltip is single (only the closest series is displayed) or shared (all series in a timeframe are displayed)\n * @public\n */\nexport const tooltipVariantOptions = ['single', 'shared'] as const;\n\n/**\n * @public\n */\nexport type TooltipVariant = (typeof tooltipVariantOptions)[number];\n"],
-  "mappings": "AAMO,MAAM,2BAA2B,CAAC,eAAe,YAAY;AAuB7D,MAAM,wBAAwB,CAAC,UAAU,QAAQ;",
+  "sourcesContent": ["import type { ColorToken } from './color-palette.js';\n\n/**\n * Base tooltip configuration shared across charts.\n * @internal\n */\nexport interface ChartTooltipConfig {\n  hidden: boolean;\n}\n\n/**\n * Base tooltip config props for the chart config provider.\n * Charts can extend this to add chart-specific options.\n * @public\n */\nexport interface ChartTooltipConfigProps {\n  /**\n   * When true, hides the tooltip entirely.\n   * @defaultValue false\n   */\n  hidden?: boolean;\n}\n\n/**\n * The tooltip display\n * @public\n */\nexport const seriesDisplayModeOptions = ['single-line', 'multi-line'] as const;\n\n/**\n * @public\n */\nexport type SeriesDisplayMode = (typeof seriesDisplayModeOptions)[number];\n\n/**\n * @public\n */\nexport interface TooltipItem extends Record<string, unknown> {\n  id: string;\n  name: string | string[];\n  color?: ColorToken;\n  values?: string[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  userData?: Record<string, any>;\n}\n\n/**\n * Whether the tooltip is single (only the closest series is displayed) or shared (all series in a timeframe are displayed)\n * @public\n */\nexport const tooltipVariantOptions = ['single', 'shared'] as const;\n\n/**\n * @public\n */\nexport type TooltipVariant = (typeof tooltipVariantOptions)[number];\n"],
+  "mappings": "AA2BO,MAAM,2BAA2B,CAAC,eAAe,YAAY;AAuB7D,MAAM,wBAAwB,CAAC,UAAU,QAAQ;",
   "names": []
 }

package/esm/charts/core/typographyStyles.css

@@ -1,3 +1,3 @@
-._18u8ey50-3-4-1 {
+._18u8ey50-3-5-2 {
   font-feature-settings: 'ss01';
 }

package/esm/charts/core/typographyStyles.sty.js

@@ -1,5 +1,5 @@
 import "./typographyStyles.css";
-var replaceSlashedZero = "_18u8ey50-3-4-1";
+var replaceSlashedZero = "_18u8ey50-3-5-2";
 export {
   replaceSlashedZero
 };

package/esm/charts/core/typographyStyles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/core/typographyStyles.css.ts"],
-  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-4-1';"],
+  "sourcesContent": ["import './typographyStyles.css';\nexport var replaceSlashedZero = '_18u8ey50-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/core/utils/formatter-by-ticks.js

@@ -32,11 +32,13 @@ function getDateNumericalFormattedTicks(numTicks, scale, unit, formatter) {
   );
   return { ticks, formattedTicks };
 }
-function getCategoricalTicks(scale) {
+function getCategoricalTicks(scale, formatLabel) {
   if (!scale) {
     return { ticks: [], formattedTicks: [] };
   }
-  return { ticks: scale.domain(), formattedTicks: scale.domain() };
+  const ticks = scale.domain();
+  const formattedTicks = formatLabel ? ticks.map(formatLabel) : ticks;
+  return { ticks, formattedTicks };
 }
 export {
   getCategoricalTicks,

package/esm/charts/core/utils/formatter-by-ticks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/core/utils/formatter-by-ticks.ts"],
-  "sourcesContent": ["import { AxisScale } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale: AxisScale | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getCategoricalTicks(scale: AxisScale | undefined) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  return { ticks: scale.domain(), formattedTicks: scale.domain() };\n}\n"],
-  "mappings": "AACA,SAAS,gBAAgB;AAWzB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,+BACd,UACA,OACA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,oBAAoB,OAA8B;AAChE,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,SAAO,EAAE,OAAO,MAAM,OAAO,GAAG,gBAAgB,MAAM,OAAO,EAAE;AACjE;",
+  "sourcesContent": ["import { AxisScale } from '@visx/axis';\nimport { getTicks } from '@visx/scale';\nimport {\n  type ScaleBand,\n  type ScaleLinear,\n  type ScaleLogarithmic,\n  type ScaleSymLog,\n  type ScaleTime,\n} from 'd3-scale';\n\nimport { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';\n\nimport { defaultUnitFormatter } from './defaultUnitFormatter.js';\nimport { getTickValues } from './format-value.js';\nimport { getTickFormatterMethod } from './get-tick-formatter-method.js';\nimport { getYAxisTickFormatter } from '../components/axes/utils/tick-formatters.js';\nimport { ChartUnit } from '../types/chart-unit.js';\nimport {\n  DateTimeFormatter,\n  Formatter,\n  FormatterWithPrecision,\n} from '../types/formatter.js';\n\nexport interface TickAxis {\n  ticks: string[];\n  formattedTicks: string[];\n  numericTicks?: number[];\n}\n\nexport function getFormatterByTicks(\n  numTicks: number,\n  scale:\n    | ScaleTime<number, number>\n    | ScaleLinear<number, number>\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleBand<string>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | FormatOptions<Unit, ConvertibleUnit> | undefined,\n) {\n  if (!scale) {\n    return defaultUnitFormatter(unit);\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  return getTickFormatterMethod(ticks, formatter, unit);\n}\n\nexport function getFormattedTicks(\n  numTicks: number,\n  scale:\n    | ScaleLogarithmic<number, number>\n    | ScaleSymLog<number, number>\n    | ScaleLinear<number, number>\n    | ScaleTime<number, number>\n    | undefined,\n  unit?: ChartUnit,\n  formatter?: Formatter | undefined,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale as AxisScale, numTicks);\n\n  const formattedTicks = getTickValues(\n    ticks,\n    getYAxisTickFormatter(scale, unit, formatter, numTicks),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getDateNumericalFormattedTicks(\n  numTicks: number,\n  scale: AxisScale | undefined,\n  unit: ChartUnit | undefined,\n  formatter: FormatterWithPrecision | DateTimeFormatter | undefined,\n) {\n  if (!scale || !formatter) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = getTicks(scale, numTicks);\n\n  const formattedTicks = getTickValues(ticks, (value) =>\n    formatter(value as number, unit),\n  );\n\n  return { ticks, formattedTicks };\n}\n\nexport function getCategoricalTicks(\n  scale: AxisScale | undefined,\n  formatLabel?: (raw: string) => string,\n) {\n  if (!scale) {\n    return { ticks: [], formattedTicks: [] };\n  }\n\n  const ticks = scale.domain() as string[];\n  const formattedTicks = formatLabel ? ticks.map(formatLabel) : ticks;\n\n  return { ticks, formattedTicks };\n}\n"],
+  "mappings": "AACA,SAAS,gBAAgB;AAWzB,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B,SAAS,8BAA8B;AACvC,SAAS,6BAA6B;AAc/B,SAAS,oBACd,UACA,OAOA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,qBAAqB,IAAI;AAAA,EAClC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,SAAO,uBAAuB,OAAO,WAAW,IAAI;AACtD;AAEO,SAAS,kBACd,UACA,OAMA,MACA,WACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAoB,QAAQ;AAEnD,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,sBAAsB,OAAO,MAAM,WAAW,QAAQ;AAAA,EACxD;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,+BACd,UACA,OACA,MACA,WACA;AACA,MAAI,CAAC,SAAS,CAAC,WAAW;AACxB,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,SAAS,OAAO,QAAQ;AAEtC,QAAM,iBAAiB;AAAA,IAAc;AAAA,IAAO,CAAC,UAC3C,UAAU,OAAiB,IAAI;AAAA,EACjC;AAEA,SAAO,EAAE,OAAO,eAAe;AACjC;AAEO,SAAS,oBACd,OACA,aACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO,EAAE,OAAO,CAAC,GAAG,gBAAgB,CAAC,EAAE;AAAA,EACzC;AAEA,QAAM,QAAQ,MAAM,OAAO;AAC3B,QAAM,iBAAiB,cAAc,MAAM,IAAI,WAAW,IAAI;AAE9D,SAAO,EAAE,OAAO,eAAe;AACjC;",
   "names": []
 }

package/esm/charts/gantt-chart/GanttChartLine.css

@@ -1,4 +1,4 @@
-._1pk2ed10-3-4-1 {
+._1pk2ed10-3-5-2 {
   height: 100%;
   width: 100%;
 }

package/esm/charts/gantt-chart/GanttChartLine.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLine.css";
-var wrapper = "_1pk2ed10-3-4-1";
+var wrapper = "_1pk2ed10-3-5-2";
 export {
   wrapper
 };

package/esm/charts/gantt-chart/GanttChartLine.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/gantt-chart/GanttChartLine.css.ts"],
-  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-4-1';"],
+  "sourcesContent": ["import './GanttChartLine.css';\nexport var wrapper = '_1pk2ed10-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.css

@@ -1,4 +1,4 @@
-._mnxak30-3-4-1 {
+._mnxak30-3-5-2 {
   height: 100%;
   display: flex;
   justify-content: center;

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartLineRenderer.css";
-var svgWrapperCSS = "_mnxak30-3-4-1";
+var svgWrapperCSS = "_mnxak30-3-5-2";
 export {
   svgWrapperCSS
 };

package/esm/charts/gantt-chart/components/GanttChartLineRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/gantt-chart/components/GanttChartLineRenderer.css.ts"],
-  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-4-1';"],
+  "sourcesContent": ["import './GanttChartLineRenderer.css';\nexport var svgWrapperCSS = '_mnxak30-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.css

@@ -1,4 +1,4 @@
-._1v8s3xl0-3-4-1._1v8s3xl0-3-4-1 {
+._1v8s3xl0-3-5-2._1v8s3xl0-3-5-2 {
   max-height: initial;
   min-width: 160px;
   max-width: 320px;

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js

@@ -1,5 +1,5 @@
 import "./GanttChartTooltip.css";
-var ganttChartTooltipCSS = "_1v8s3xl0-3-4-1";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-5-2";
 export {
   ganttChartTooltipCSS
 };

package/esm/charts/gantt-chart/components/tooltip/GanttChartTooltip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gantt-chart/components/tooltip/GanttChartTooltip.css.ts"],
-  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-4-1';"],
+  "sourcesContent": ["import './GanttChartTooltip.css';\nexport var ganttChartTooltipCSS = '_1v8s3xl0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css

@@ -1,4 +1,4 @@
-._ezp7cy0-3-4-1 {
+._ezp7cy0-3-5-2 {
   width: 100%;
   height: 100%;
   container-type: size;

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeChartLayout.css";
-var layoutContainer = "_ezp7cy0-3-4-1";
+var layoutContainer = "_ezp7cy0-3-5-2";
 export {
   layoutContainer
 };

package/esm/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeChartLayout/GaugeChartLayout.css.ts"],
-  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-4-1';"],
+  "sourcesContent": ["import './GaugeChartLayout.css';\nexport var layoutContainer = '_ezp7cy0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.css

@@ -1,22 +1,22 @@
-._18ourc20-3-4-1 {
+._18ourc20-3-5-2 {
   width: 100%;
   height: 100%;
   overflow: visible;
 }
-._18ourc21-3-4-1 {
+._18ourc21-3-5-2 {
   width: fit-content;
 }
-._18ourc22-3-4-1 {
+._18ourc22-3-5-2 {
   transform: translateX(-50%) translateY(-75%);
 }
-._18ourc23-3-4-1 {
+._18ourc23-3-5-2 {
   transform: translateX(-50%) translateY(-25%);
 }
-._18ourc24-3-4-1 {
+._18ourc24-3-5-2 {
   display: none;
 }
 @container (min-width: 100px) and (min-height: 120px) {
-  ._18ourc24-3-4-1 {
+  ._18ourc24-3-5-2 {
     display: block;
   }
 }

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.sty.js

@@ -1,8 +1,8 @@
 import "./GaugeLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementLabelWrapper = "_18ourc20-3-4-1";
-var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-4-1", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-4-1", hanging: "_18ourc23-3-4-1" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-4-1";
+var elementLabelWrapper = "_18ourc20-3-5-2";
+var foreignObjectContainer = _7a468({ defaultClassName: "_18ourc21-3-5-2", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-5-2", hanging: "_18ourc23-3-5-2" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-5-2";
 export {
   elementLabelWrapper,
   foreignObjectContainer,

package/esm/charts/gauge/components/GaugeLabel/GaugeLabel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabel/GaugeLabel.css.ts"],
-  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-4-1';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-4-1',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-4-1',hanging:'_18ourc23-3-4-1'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-4-1';"],
+  "sourcesContent": ["import './GaugeLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementLabelWrapper = '_18ourc20-3-5-2';\nexport var foreignObjectContainer = _7a468({defaultClassName:'_18ourc21-3-5-2',variantClassNames:{dominantBaseline:{auto:'_18ourc22-3-5-2',hanging:'_18ourc23-3-5-2'}},defaultVariants:{dominantBaseline:'hanging'},compoundVariants:[]});\nexport var textContainer = '_18ourc24-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,yBAAyB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,kBAAiB,EAAC,MAAK,mBAAkB,SAAQ,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,kBAAiB,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACjO,IAAI,gBAAgB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css

@@ -1,4 +1,4 @@
-._1fbjcz30-3-4-1 {
+._1fbjcz30-3-5-2 {
   display: grid;
   grid-template-columns: 1fr;
   grid-template: "valueLabel" 2fr
@@ -7,9 +7,9 @@
   width: 100%;
   height: 100%;
 }
-._1fbjcz30-3-4-1 > #value-label {
+._1fbjcz30-3-5-2 > #value-label {
   grid-area: valueLabel;
 }
-._1fbjcz30-3-4-1 > #label {
+._1fbjcz30-3-5-2 > #label {
   grid-area: label;
 }

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.sty.js

@@ -1,5 +1,5 @@
 import "./GaugeLabelsWrapper.css";
-var labelsContainer = "_1fbjcz30-3-4-1";
+var labelsContainer = "_1fbjcz30-3-5-2";
 export {
   labelsContainer
 };

package/esm/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLabelsWrapper/GaugeLabelsWrapper.css.ts"],
-  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-4-1';"],
+  "sourcesContent": ["import './GaugeLabelsWrapper.css';\nexport var labelsContainer = '_1fbjcz30-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,kBAAkB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css

@@ -1,17 +1,17 @@
-._l0e5zm0-3-4-1 {
+._l0e5zm0-3-5-2 {
   position: relative;
   height: 100%;
   z-index: 0;
 }
-._l0e5zm1-3-4-1 {
+._l0e5zm1-3-5-2 {
   cursor: default;
   user-select: none;
 }
-._l0e5zm2-3-4-1 {
+._l0e5zm2-3-5-2 {
   position: absolute;
   z-index: 1;
 }
-._l0e5zm3-3-4-1 {
+._l0e5zm3-3-5-2 {
   top: 0;
   left: 0;
   width: 100%;

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js

@@ -1,9 +1,9 @@
 import "./GaugeLayoutOverlay.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var consumerLoadingStyle = { position: "absolute", top: 0, width: "100%", height: "100%", zIndex: 1, pointerEvents: "none", backgroundColor: "var(--dt-colors-background-base-default, #f9f9fa)", opacity: 0.4 };
-var container = _7a468({ defaultClassName: "_l0e5zm0-3-4-1", variantClassNames: { showLoading: { true: "_l0e5zm1-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-4-1";
-var tooltipOverlayFull = "_l0e5zm3-3-4-1";
+var container = _7a468({ defaultClassName: "_l0e5zm0-3-5-2", variantClassNames: { showLoading: { true: "_l0e5zm1-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-5-2";
+var tooltipOverlayFull = "_l0e5zm3-3-5-2";
 export {
   consumerLoadingStyle,
   container,

package/esm/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/gauge/components/GaugeLayoutOverlay/GaugeLayoutOverlay.css.ts"],
-  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-4-1',variantClassNames:{showLoading:{true:'_l0e5zm1-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-4-1';\nexport var tooltipOverlayFull = '_l0e5zm3-3-4-1';"],
+  "sourcesContent": ["import './GaugeLayoutOverlay.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var consumerLoadingStyle = {position:'absolute',top:0,width:'100%',height:'100%',zIndex:1,pointerEvents:'none',backgroundColor:'var(--dt-colors-background-base-default, #f9f9fa)',opacity:0.4};\nexport var container = _7a468({defaultClassName:'_l0e5zm0-3-5-2',variantClassNames:{showLoading:{true:'_l0e5zm1-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var tooltipOverlay = '_l0e5zm2-3-5-2';\nexport var tooltipOverlayFull = '_l0e5zm3-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzJ,IAAI,iBAAiB;AACrB,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.css

@@ -1,4 +1,4 @@
-._13c0oci0-3-4-1 {
+._13c0oci0-3-5-2 {
   width: 100%;
   height: 100%;
   justify-content: center;
@@ -9,7 +9,7 @@
   margin: 0;
   gap: 0;
 }
-._13c0oci1-3-4-1 svg {
+._13c0oci1-3-5-2 svg {
   width: 1em;
   height: 1em;
   vertical-align: text-bottom;