@dynatrace/strato-components 3.11.2 → 3.12.0

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

@@ -21,4 +21,4 @@ __export(GanttChartLineRenderer_css_exports, {
 });
 module.exports = __toCommonJS(GanttChartLineRenderer_css_exports);
 var import_GanttChartLineRenderer_css_ts_vanilla = require("./GanttChartLineRenderer.css");
-var svgWrapperCSS = "_mnxak30-3-11-2";
+var svgWrapperCSS = "_mnxak30-3-12-0";

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

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

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

@@ -21,4 +21,4 @@ __export(GanttChartTooltip_css_exports, {
 });
 module.exports = __toCommonJS(GanttChartTooltip_css_exports);
 var import_GanttChartTooltip_css_ts_vanilla = require("./GanttChartTooltip.css");
-var ganttChartTooltipCSS = "_1v8s3xl0-3-11-2";
+var ganttChartTooltipCSS = "_1v8s3xl0-3-12-0";

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

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

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

@@ -21,4 +21,4 @@ __export(GaugeChartLayout_css_exports, {
 });
 module.exports = __toCommonJS(GaugeChartLayout_css_exports);
 var import_GaugeChartLayout_css_ts_vanilla = require("./GaugeChartLayout.css");
-var layoutContainer = "_ezp7cy0-3-11-2";
+var layoutContainer = "_ezp7cy0-3-12-0";

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

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

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

@@ -24,6 +24,6 @@ __export(GaugeLabel_css_exports, {
 module.exports = __toCommonJS(GaugeLabel_css_exports);
 var import_GaugeLabel_css_ts_vanilla = require("./GaugeLabel.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var elementLabelWrapper = "_18ourc20-3-11-2";
-var foreignObjectContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_18ourc21-3-11-2", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-11-2", hanging: "_18ourc23-3-11-2" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
-var textContainer = "_18ourc24-3-11-2";
+var elementLabelWrapper = "_18ourc20-3-12-0";
+var foreignObjectContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_18ourc21-3-12-0", variantClassNames: { dominantBaseline: { auto: "_18ourc22-3-12-0", hanging: "_18ourc23-3-12-0" } }, defaultVariants: { dominantBaseline: "hanging" }, compoundVariants: [] });
+var textContainer = "_18ourc24-3-12-0";

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

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

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

@@ -21,4 +21,4 @@ __export(GaugeLabelsWrapper_css_exports, {
 });
 module.exports = __toCommonJS(GaugeLabelsWrapper_css_exports);
 var import_GaugeLabelsWrapper_css_ts_vanilla = require("./GaugeLabelsWrapper.css");
-var labelsContainer = "_1fbjcz30-3-11-2";
+var labelsContainer = "_1fbjcz30-3-12-0";

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

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

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

@@ -26,6 +26,6 @@ module.exports = __toCommonJS(GaugeLayoutOverlay_css_exports);
 var import_GaugeLayoutOverlay_css_ts_vanilla = require("./GaugeLayoutOverlay.css");
 var import_createRuntimeFn = require("@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 = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_l0e5zm0-3-11-2", variantClassNames: { showLoading: { true: "_l0e5zm1-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var tooltipOverlay = "_l0e5zm2-3-11-2";
-var tooltipOverlayFull = "_l0e5zm3-3-11-2";
+var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_l0e5zm0-3-12-0", variantClassNames: { showLoading: { true: "_l0e5zm1-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var tooltipOverlay = "_l0e5zm2-3-12-0";
+var tooltipOverlayFull = "_l0e5zm3-3-12-0";

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

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

package/charts/gauge/components/GaugeResponsiveLabel/GaugeResponsiveLabel.sty.js

@@ -22,5 +22,5 @@ __export(GaugeResponsiveLabel_css_exports, {
 });
 module.exports = __toCommonJS(GaugeResponsiveLabel_css_exports);
 var import_GaugeResponsiveLabel_css_ts_vanilla = require("./GaugeResponsiveLabel.css");
-var parentSvgStyle = "_13c0oci1-3-11-2";
-var responsiveLabelContainer = "_13c0oci0-3-11-2";
+var parentSvgStyle = "_13c0oci1-3-12-0";
+var responsiveLabelContainer = "_13c0oci0-3-12-0";

package/charts/histogram/HistogramChartInternal.js

@@ -55,6 +55,7 @@ var import_useChartLayoutOrientation = require("../core/components/chart-layout/
 var import_useGraphSize = require("../core/components/chart-layout/hooks/useGraphSize.js");
 var import_ChartLoaderOverlay = require("../core/components/chart-loader-overlay/ChartLoaderOverlay.js");
 var import_constants3 = require("../core/components/data-point/constants.js");
+var import_AriaLabelingContext = require("../core/context/AriaLabelingContext.js");
 const histogramGridTemplateAreas = `
   "${import_histogram_grid_area_rules.AREAS.annotations} ${import_histogram_grid_area_rules.AREAS.annotations} ${import_histogram_grid_area_rules.AREAS.annotations} . ."
   "${import_histogram_grid_area_rules.AREAS.leftAxis} ${import_histogram_grid_area_rules.AREAS.leftThreshold} plot ${import_histogram_grid_area_rules.AREAS.rightThreshold} ${import_histogram_grid_area_rules.AREAS.rightAxis}"
@@ -62,6 +63,12 @@ const histogramGridTemplateAreas = `
 `;
 const histogramGridTemplateColumns = "minmax(0, auto) auto minmax(60%, 1fr) auto minmax(0, auto)";
 const HistogramChartInternal = (0, import_react.forwardRef)(({ config }, forwardedRef) => {
+  const {
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
+  } = (0, import_AriaLabelingContext.useAriaLabelingContext)();
   const loading = (0, import_useChartLayoutLoading.useChartLayoutLoading)();
   const annotations = (0, import_useHistogramAnnotationsConfig.useHistogramAnnotationsConfig)();
   const tracksQuantity = annotations.tracks.length;
@@ -108,7 +115,10 @@ const HistogramChartInternal = (0, import_react.forwardRef)(({ config }, forward
       },
       className: import_defaultChartValues_css.defaultChartSize,
       role: "img",
-      "aria-label": import_defaults.HISTOGRAM_CHART_ARIA_LABEL,
+      "aria-label": ariaLabel ?? import_defaults.HISTOGRAM_CHART_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_ChartGridRoot.ChartGrid,
         {

package/charts/histogram/HistogramChartRoot.js

@@ -39,6 +39,7 @@ var import_get_chart_states_template = require("../core/components/chart-states/
 var import_OverlayContext = require("../core/components/overlay-tooltip/contexts/OverlayContext.js");
 var import_TooltipContext = require("../core/components/overlay-tooltip/contexts/TooltipContext.js");
 var import_ChartSeriesActionContext = require("../core/components/series-action/ChartSeriesActionContext.js");
+var import_AriaLabelingContext = require("../core/context/AriaLabelingContext.js");
 var import_coerceSizeValue = require("../core/utils/coerceSizeValue.js");
 const COMPONENT_NAME_BEHAVIOURAL_TRACKING = "HistogramChart";
 const HistogramChartRoot = (0, import_react.forwardRef)((props, forwardedRef) => {
@@ -59,7 +60,11 @@ const HistogramChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =>
     style,
     valueRepresentation,
     "data-dtrum-mask": dataDtrumMask,
-    "data-dtrum-allow": dataDtrumAllow
+    "data-dtrum-allow": dataDtrumAllow,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
   } = props;
   const [behaviorTrackingProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(props);
   const chartHeight = (0, import_coerceSizeValue.coerceSizeValue)(height ?? import_defaults.DEFAULT_CHART_HEIGHT);
@@ -83,7 +88,16 @@ const HistogramChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =>
   } = chartConfig.legend;
   const legendRatio = initialRatio ?? ratio;
   const chartLayoutRef = (0, import_useAutoLegendRefresh.useAutoLegendRefresh)(data);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HistogramConfigProvider.HistogramConfigProvider, { config: chartConfig, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HistogramDataProvider.HistogramDataProvider, { data, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const ariaLabelingValue = (0, import_react.useMemo)(
+    () => ({
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails
+    }),
+    [ariaLabel, ariaLabelledBy, ariaDescribedBy, ariaDetails]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AriaLabelingContext.AriaLabelingContext.Provider, { value: ariaLabelingValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HistogramConfigProvider.HistogramConfigProvider, { config: chartConfig, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HistogramDataProvider.HistogramDataProvider, { data, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_ChartSeriesActionContext.ChartSeriesActionContext.Provider,
     {
       value: {
@@ -136,6 +150,6 @@ const HistogramChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =>
         }
       ) }) })
     }
-  ) }) });
+  ) }) }) });
 });
 HistogramChartRoot.displayName = "HistogramChartRoot";

package/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.css

@@ -1,3 +1,3 @@
-._9phcbi0-3-11-2 {
+._9phcbi0-3-12-0 {
   position: relative;
 }

package/charts/histogram/components/axes/HistogramValueBottomAxisArea/HistogramValueBottomAxisArea.sty.js

@@ -21,4 +21,4 @@ __export(HistogramValueBottomAxisArea_css_exports, {
 });
 module.exports = __toCommonJS(HistogramValueBottomAxisArea_css_exports);
 var import_HistogramValueBottomAxisArea_css_ts_vanilla = require("./HistogramValueBottomAxisArea.css");
-var axisContainerStyle = "_9phcbi0-3-11-2";
+var axisContainerStyle = "_9phcbi0-3-12-0";

package/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.css

@@ -1,4 +1,4 @@
-._fzvydv0-3-11-2 {
+._fzvydv0-3-12-0 {
   padding-left: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-8, 8px);
 }

package/charts/histogram/components/overlays/HistogramExplore/HistogramTooltip.sty.js

@@ -21,4 +21,4 @@ __export(HistogramTooltip_css_exports, {
 });
 module.exports = __toCommonJS(HistogramTooltip_css_exports);
 var import_HistogramTooltip_css_ts_vanilla = require("./HistogramTooltip.css");
-var wrapper = "_fzvydv0-3-11-2";
+var wrapper = "_fzvydv0-3-12-0";

package/charts/histogram/components/overlays/HistogramOverlays.css

@@ -1,4 +1,4 @@
-._drl8ns0-3-11-2 {
+._drl8ns0-3-12-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-11-2 {
+._drl8ns1-3-12-0 {
   pointer-events: none;
   overflow: visible;
   z-index: 1;

package/charts/histogram/components/overlays/HistogramOverlays.sty.js

@@ -23,5 +23,5 @@ __export(HistogramOverlays_css_exports, {
 module.exports = __toCommonJS(HistogramOverlays_css_exports);
 var import_ChartGrid_css_ts_vanilla = require("../../../core/components/chart-grid/ChartGrid.css");
 var import_HistogramOverlays_css_ts_vanilla = require("./HistogramOverlays.css");
-var crosshairLayout = "_drl8ns1-3-11-2 _13lzg4k0-3-11-2";
-var datapointLayout = "_drl8ns0-3-11-2 _13lzg4k0-3-11-2";
+var crosshairLayout = "_drl8ns1-3-12-0 _13lzg4k0-3-12-0";
+var datapointLayout = "_drl8ns0-3-12-0 _13lzg4k0-3-12-0";

package/charts/histogram/types/histogram-props.d.ts

@@ -1,6 +1,7 @@
 import type { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';
 import type { HistogramBin, HistogramSeries, HistogramTooltipVariant, HistogramZoomDomain } from './histogram.js';
 import { IntentProps } from '../../../core/slots/Intent/Intent.js';
+import type { AriaLabelingProps } from '../../../core/types/a11y-props.js';
 import type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';
 import type { MaskingProps } from '../../../core/types/masking-props.js';
 import type { StylingProps } from '../../../core/types/styling-props.js';
@@ -23,7 +24,7 @@ import type { HistogramThresholdIndicatorProps } from '../slots/ThresholdIndicat
 /**
  * @public
  */
-export interface HistogramChartProps extends StylingProps, MaskingProps, BehaviorTrackingProps, ZoomInteractions<HistogramZoomDomain> {
+export interface HistogramChartProps extends StylingProps, MaskingProps, AriaLabelingProps, BehaviorTrackingProps, ZoomInteractions<HistogramZoomDomain> {
     /**
      * Data object for the histogram chart
      */

package/charts/honeycomb/HoneycombChart.css

@@ -1,3 +1,3 @@
-._p8cogi0-3-11-2 {
+._p8cogi0-3-12-0 {
   position: relative;
 }

package/charts/honeycomb/HoneycombChart.js

@@ -86,7 +86,11 @@ const _HoneycombChart = (0, import_react.forwardRef)((props, forwardedRef) => {
     loading,
     "data-dtrum-mask": dataDtrumMask,
     "data-dtrum-allow": dataDtrumAllow,
-    "data-testid": dataTestId
+    "data-testid": dataTestId,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-details": ariaDetails
   } = props;
   const [behavioralTrackingProps] = (0, import_useBehavioralTrackingProps.useBehavioralTrackingProps)(props);
   const containerRef = (0, import_react.useRef)(null);
@@ -128,7 +132,10 @@ const _HoneycombChart = (0, import_react.forwardRef)((props, forwardedRef) => {
       "data-dtrum-mask": dataDtrumMask,
       "data-dtrum-allow": dataDtrumAllow,
       "data-dt-component": COMPONENT_NAME,
-      "aria-label": import_constants.HONEYCOMB_CHART_ARIA_LABEL,
+      "aria-label": ariaLabel ?? import_constants.HONEYCOMB_CHART_ARIA_LABEL,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-details": ariaDetails,
       role: "img",
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_honeycomb_loading_context.HoneycombLoadingContext.Provider, { value: loading, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_honeycomb_configuration_provider.HoneycombConfigurationProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_honeycomb_shape_context.HoneycombShapeContext.Provider, { value: config.shape, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_honeycomb_color_scheme_context.HoneycombColorSchemeContext.Provider, { value: config.colorScheme, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_honeycomb_truncation_mode_context.HoneycombTruncationMode.Provider, { value: config.truncationMode, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_honeycomb_formatter_context.HoneycombFormatterContext.Provider, { value: formatterContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_honeycomb_labels_display_context.HoneycombLabelsDisplayContext.Provider,

package/charts/honeycomb/HoneycombChart.sty.js

@@ -21,4 +21,4 @@ __export(HoneycombChart_css_exports, {
 });
 module.exports = __toCommonJS(HoneycombChart_css_exports);
 var import_HoneycombChart_css_ts_vanilla = require("./HoneycombChart.css");
-var graphContainer = "_p8cogi0-3-11-2";
+var graphContainer = "_p8cogi0-3-12-0";

package/charts/honeycomb/components/HiveOverlay.css

@@ -1,4 +1,4 @@
-._lmrhfg0-3-11-2 {
+._lmrhfg0-3-12-0 {
   position: absolute;
   top: 0;
   left: 0;

package/charts/honeycomb/components/HiveOverlay.sty.js

@@ -21,4 +21,4 @@ __export(HiveOverlay_css_exports, {
 });
 module.exports = __toCommonJS(HiveOverlay_css_exports);
 var import_HiveOverlay_css_ts_vanilla = require("./HiveOverlay.css");
-var overlay = "_lmrhfg0-3-11-2";
+var overlay = "_lmrhfg0-3-12-0";

package/charts/honeycomb/components/canvas/HiveCanvasLayout.css

@@ -1,4 +1,4 @@
-._12htcxh0-3-11-2 {
+._12htcxh0-3-12-0 {
   position: absolute;
   top: 0;
   left: 0;

package/charts/honeycomb/components/canvas/HiveCanvasLayout.sty.js

@@ -21,4 +21,4 @@ __export(HiveCanvasLayout_css_exports, {
 });
 module.exports = __toCommonJS(HiveCanvasLayout_css_exports);
 var import_HiveCanvasLayout_css_ts_vanilla = require("./HiveCanvasLayout.css");
-var canvasContainer = "_12htcxh0-3-11-2";
+var canvasContainer = "_12htcxh0-3-12-0";

package/charts/honeycomb/types/honeycomb.d.ts

@@ -1,4 +1,5 @@
 import type { ConvertibleUnit, FormatOptions, Unit } from '@dynatrace-sdk/units';
+import type { AriaLabelingProps } from '../../../core/types/a11y-props.js';
 import type { BehaviorTrackingProps } from '../../../core/types/behavior-tracking-props.js';
 import type { DataTestId } from '../../../core/types/data-props.js';
 import type { MaskingProps } from '../../../core/types/masking-props.js';
@@ -66,7 +67,7 @@ export type HoneycombTileCategoricalData = HoneycombTileBaseData & {
 /**
  * @public
  */
-export interface HoneycombBaseProps extends MaskingProps, StylingProps, DataTestId, BehaviorTrackingProps {
+export interface HoneycombBaseProps extends MaskingProps, StylingProps, DataTestId, AriaLabelingProps, BehaviorTrackingProps {
     /**
      * The shape of the honeycomb tiles.
      * @defaultValue 'hexagon'

package/charts/index.d.ts

@@ -49,7 +49,7 @@ export type { ChartSeriesActionProps } from './core/components/series-action/Cha
 export type { SeriesActionsTemplate } from './core/types/series-actions-template.js';
 export type { SeriesActions } from './core/types/series-actions-template.js';
 export { ThresholdBar as _ThresholdBar } from './core/components/threshold-bar/ThresholdBar.js';
-export type { ThresholdBarProps as _ThresholdBarProps, ThresholdMarker as _ThresholdMarker, BothBorders as _BothBorders, LeftBorder as _LeftBorder, RightBorder as _RightBorder, } from './core/components/threshold-bar/types.js';
+export type { ThresholdBarProps as _ThresholdBarProps, ThresholdMarker as _ThresholdMarker, BothBorders as _BothBorders, LeftBorder as _LeftBorder, RightBorder as _RightBorder, TopBorder as _TopBorder, BottomBorder as _BottomBorder, } from './core/components/threshold-bar/types.js';
 export { ThresholdIndicator as _ThresholdIndicator } from './core/components/threshold-bar/indicators/ThresholdIndicator.js';
 export type { ThresholdIndicatorData as _ThresholdIndicatorData, ThresholdIndicatorProps as _ThresholdIndicatorProps, } from './core/components/threshold-bar/indicators/ThresholdIndicator.js';
 export { ChartToolbarRenderer as _ChartToolbarRenderer } from './core/components/toolbar/ChartToolbarRenderer.js';
@@ -295,7 +295,7 @@ export type { XYChartSelectProps } from './xy-chart/slots/Select.js';
 export { XYChart, XYChartAnnotations } from './xy-chart/XYChartRoot.js';
 export { XYChartConfig } from './xy-chart/context/XYChartConfig.context.js';
 export type { XYChartData, XYAccessorDataTypes, XYChartAxisType, XYChartXAxisPosition, XYChartYAxisPosition, XYChartRectSeriesActionItem, XYChartColorPalette, RectDatapoint, XYChartRef, TOP_POSITION, BOTTOM_POSITION, LEFT_POSITION, RIGHT_POSITION, BOTH_POSITION, LOG_SCALE_TYPE, NUMERICAL_SCALE_TYPE, TIME_SCALE_TYPE, CATEGORICAL_SCALE_TYPE, BAR_VARIANT_SINGLE, BAR_VARIANT_STACK, BAR_VARIANT_GROUP, BaseDatapoint, DotDatapoint, LineDatapoint, BarDatapoint, AreaDatapoint, SeriesCurve as XYChartSeriesCurve, BarSeriesVariant, XYChartDotSeriesActionItem, XYChartLineSeriesActionItem, XYChartBarSeriesActionItem, XYChartAreaSeriesActionItem, XYChartThresholdLineBase, XYChartThresholdRangeBase, XYChartThresholdDynamicData, XYChartThresholdDataLineDynamic, XYChartThresholdDataLineStatic, XYChartThresholdDataRangeStatic, XYChartThresholdValue, XYChartThresholdStaticData, XYChartThresholdDataRangeDynamic, XYChartSelectedSeries, XYChartSelectedDomains, AxisFormatter, NumericalFormatter, XYChartTooltipPayload, DotTooltipPayload, LineTooltipPayload, RectTooltipPayload, BaseTooltipPayload, BarTooltipPayload, XYChartSeriesActionInfo, XYChartBarSeries, XYChartDotSeries, XYChartLineSeries, XYChartRectSeries, XYChartAreaSeries, AreaTooltipPayload, XYChartTooltipDatapoint, } from './xy-chart/types/xy-chart.js';
-export type { XYChartProps, XYChartRectSeriesProps, ColorSelectionProp, ShapeColorSelectionProp, XYShapeColorProp, XYShapeColorPaletteProp, XYChartAxisProps, XYChartAxisBaseProps, XYChartLogAxisProps, XYChartNumericalAxisProps, XYChartCategoricalAxisProps, XYChartTimeAxisProps, XYChartXAxisProps, XYChartYAxisProps, XYChartChartLegendProps, XYChartConfigProperties, XYChartBarSeriesProps, XYChartAreaSeriesProps, BarSeriesProps, StackBarSeriesProps, SingleBarSeriesProps, BaseBarSeriesProps, StackBarVerticalProps, StackBarHorizontalProps, BarSeriesVariantMap, GroupBarSeriesProps, GroupBarVerticalProps, GroupBarHorizontalProps, XYChartSeriesBaseProps, XYChartDotSeriesProps, XYChartLineSeriesProps, XYChartToolbarConfigProps, XYChartToolbarProps, XYChartToolbarSlotProps, XYChartThresholdIndicatorProps, XYChartThresholdDynamicProps, XYChartThresholdStaticProps, XYChartSelectConfig, XYChartCustomTooltipProps, XYChartTooltipProps, _XYChartTooltipVariant, } from './xy-chart/types/xy-chart-props.js';
+export type { XYChartProps, XYChartRectSeriesProps, ColorSelectionProp, ShapeColorSelectionProp, XYShapeColorProp, XYShapeColorPaletteProp, XYChartAxisProps, XYChartAxisBaseProps, XYChartLogAxisProps, XYChartNumericalAxisProps, XYChartCategoricalAxisProps, XYChartTimeAxisProps, XYChartXAxisProps, XYChartYAxisProps, XYChartChartLegendProps, XYChartConfigProperties, XYChartBarSeriesProps, XYChartAreaSeriesProps, BarSeriesProps, StackBarSeriesProps, SingleBarSeriesProps, BaseBarSeriesProps, StackBarVerticalProps, StackBarHorizontalProps, BarSeriesVariantMap, GroupBarSeriesProps, GroupBarVerticalProps, GroupBarHorizontalProps, XYChartSeriesBaseProps, XYChartDotSeriesProps, XYChartLineSeriesProps, XYChartToolbarConfigProps, XYChartToolbarProps, XYChartToolbarSlotProps, XYChartThresholdIndicatorProps, XYChartThresholdDynamicProps, XYChartThresholdStaticProps, XYChartSelectConfig, XYChartCustomTooltipProps, XYChartTooltipProps, _XYChartTooltipVariant, _XYChartThresholdDataXLineStatic, _XYChartThresholdDataXRangeStatic, _XYChartThresholdXStaticData, _XYChartThresholdStaticXProps, } from './xy-chart/types/xy-chart-props.js';
 export type { XYChartTooltipBodyProps as _XYChartTooltipBodyProps } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';
 export { XYChartTooltipBody as _XYChartTooltipBody } from './xy-chart/components/tooltip/XYChartTooltipBody/XYChartTooltipBody.js';
 export { TopList } from './top-list/TopList.js';
@@ -334,10 +334,11 @@ export type { ChartTooltipAtomsType as _ChartTooltipAtomsType } from './core/com
 export type { ChartTooltipSlotsType as _ChartTooltipSlotsType } from './core/components/tooltip/types/ChartTooltip.config.js';
 export { colorPaletteMap as _colorPaletteMap } from './core/types/color-palettes-definitions.js';
 export { automaticColoringMap as _automaticColoringMap } from './core/types/color-palettes-definitions.js';
-/** @internal */
+/** FlameChart types
+ * TODO: change to public by removing underscore on final release
+ */
 export { FlameChart as _FlameChart } from './flame/flame-chart/FlameChart.js';
-/** @internal */
 export { FlameGraph as _FlameGraph } from './flame/flame-graph/FlameGraph.js';
-/** @internal */
 export type { FlameChartProps as _FlameChartProps, FlameGraphProps as _FlameGraphProps, FlameOrientation as _FlameOrientation, } from './flame/shared/types/flame-chart.js';
+export type { TooltipProps as _GenericChartTooltipProps } from './core/slots/Tooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.css

@@ -1,71 +1,71 @@
-._1m3udw10-3-11-2 {
+._1m3udw10-3-12-0 {
   display: flex;
   justify-content: center;
   grid-area: value;
   align-self: self-end;
   justify-self: end;
 }
-._1m3udw11-3-11-2 {
+._1m3udw11-3-12-0 {
   margin-bottom: var(--dt-spacings-size-2, 2px);
   align-items: center;
   height: 20px;
 }
-._1m3udw12-3-11-2 {
+._1m3udw12-3-12-0 {
   margin-bottom: var(--dt-spacings-size-4, 4px);
   align-items: end;
   height: 100%;
 }
-._1m3udw13-3-11-2 {
+._1m3udw13-3-12-0 {
   min-width: 0;
   transition: margin-right var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1m3udw14-3-11-2 {
+._1m3udw14-3-12-0 {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   transition: all var(--dt-animations-move-duration-fast, 150ms) var(--dt-animations-move-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1m3udw15-3-11-2 {
+._1m3udw15-3-12-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: min;
   align-self: center;
 }
-._1m3udw16-3-11-2 {
+._1m3udw16-3-12-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: max;
   align-self: center;
   justify-self: end;
 }
-._1m3udw17-3-11-2 {
+._1m3udw17-3-12-0 {
   grid-area: legend;
   margin: var(--dt-spacings-size-4, 4px) 0 var(--dt-spacings-size-4, 4px);
 }
-._1m3udw18-3-11-2 {
+._1m3udw18-3-12-0 {
   gap: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-2, 2px);
   grid-area: label;
 }
-._1m3udw19-3-11-2 {
+._1m3udw19-3-12-0 {
   grid-area: chart;
 }
-._1m3udw1a-3-11-2 {
+._1m3udw1a-3-12-0 {
   grid-area: thresholds;
 }
-._1m3udw1b-3-11-2 {
+._1m3udw1b-3-12-0 {
   width: 100%;
 }
-._1m3udw1c-3-11-2 {
+._1m3udw1c-3-12-0 {
   height: 100%;
 }
-._1m3udw1d-3-11-2 {
+._1m3udw1d-3-12-0 {
   height: fit-content;
 }
-._1m3udw1e-3-11-2 {
+._1m3udw1e-3-12-0 {
   position: relative;
   display: block;
   cursor: default;
   user-select: none;
 }
-._1m3udw1f-3-11-2 {
+._1m3udw1f-3-12-0 {
   overflow: hidden;
 }

package/charts/meter-bar/shared/components/meter-bar-layout/MeterBarLayout.sty.js

@@ -32,14 +32,14 @@ __export(MeterBarLayout_css_exports, {
 module.exports = __toCommonJS(MeterBarLayout_css_exports);
 var import_MeterBarLayout_css_ts_vanilla = require("./MeterBarLayout.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var chartContainer = "_1m3udw19-3-11-2";
-var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw1b-3-11-2", variantClassNames: { autoSize: { true: "_1m3udw1c-3-11-2", false: "_1m3udw1d-3-11-2" }, showLoading: { true: "_1m3udw1e-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
-var containerWrapper = "_1m3udw1f-3-11-2";
-var labelContainer = "_1m3udw18-3-11-2";
-var legendContainer = "_1m3udw17-3-11-2";
-var maxContainer = "_1m3udw16-3-11-2";
-var minContainer = "_1m3udw15-3-11-2";
-var thresholdsContainer = "_1m3udw1a-3-11-2";
-var toolbarAnimatedContainer = "_1m3udw14-3-11-2";
-var valueAnimatedContainer = "_1m3udw13-3-11-2";
-var valueContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw10-3-11-2", variantClassNames: { inline: { true: "_1m3udw11-3-11-2", false: "_1m3udw12-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var chartContainer = "_1m3udw19-3-12-0";
+var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw1b-3-12-0", variantClassNames: { autoSize: { true: "_1m3udw1c-3-12-0", false: "_1m3udw1d-3-12-0" }, showLoading: { true: "_1m3udw1e-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });
+var containerWrapper = "_1m3udw1f-3-12-0";
+var labelContainer = "_1m3udw18-3-12-0";
+var legendContainer = "_1m3udw17-3-12-0";
+var maxContainer = "_1m3udw16-3-12-0";
+var minContainer = "_1m3udw15-3-12-0";
+var thresholdsContainer = "_1m3udw1a-3-12-0";
+var toolbarAnimatedContainer = "_1m3udw14-3-12-0";
+var valueAnimatedContainer = "_1m3udw13-3-12-0";
+var valueContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw10-3-12-0", variantClassNames: { inline: { true: "_1m3udw11-3-12-0", false: "_1m3udw12-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.css

@@ -1,9 +1,9 @@
-._18riimf0-3-11-2 {
+._18riimf0-3-12-0 {
   width: 20px;
   height: 20px;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._18riimf0-3-11-2 > svg {
+._18riimf0-3-12-0 > svg {
   width: 100%;
   height: 100%;
 }

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Icon/Icon.sty.js

@@ -21,4 +21,4 @@ __export(Icon_css_exports, {
 });
 module.exports = __toCommonJS(Icon_css_exports);
 var import_Icon_css_ts_vanilla = require("./Icon.css");
-var container = "_18riimf0-3-11-2";
+var container = "_18riimf0-3-12-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.css

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

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.sty.js

@@ -21,4 +21,4 @@ __export(Label_css_exports, {
 });
 module.exports = __toCommonJS(Label_css_exports);
 var import_Label_css_ts_vanilla = require("./Label.css");
-var labelStyle = "_bh277f0-3-11-2";
+var labelStyle = "_bh277f0-3-12-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.css

@@ -1,4 +1,4 @@
-._xxg5xc0-3-11-2 {
+._xxg5xc0-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.sty.js

@@ -21,4 +21,4 @@ __export(Max_css_exports, {
 });
 module.exports = __toCommonJS(Max_css_exports);
 var import_Max_css_ts_vanilla = require("./Max.css");
-var maxValue = "_xxg5xc0-3-11-2";
+var maxValue = "_xxg5xc0-3-12-0";

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.css

@@ -1,4 +1,4 @@
-._16mgjbd0-3-11-2 {
+._16mgjbd0-3-12-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);

package/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.sty.js

@@ -21,4 +21,4 @@ __export(Min_css_exports, {
 });
 module.exports = __toCommonJS(Min_css_exports);
 var import_Min_css_ts_vanilla = require("./Min.css");
-var minValue = "_16mgjbd0-3-11-2";
+var minValue = "_16mgjbd0-3-12-0";