@dynatrace/strato-components 3.12.1 → 3.13.0

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

@@ -34,7 +34,7 @@ const GaugeResponsiveLabel = (props) => {
   let preferredFontSize = (0, import_useFontSizeForContainer.useFontSizeForContainer)({
     container: { width, height: height * import_constants.FONT_HEIGHT_RATIO },
     text: prefixIcon ? `00${text}` : `${text}`,
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    // oxlint-disable-next-line typescript/no-non-null-assertion
     element: labelRef.current
   });
   if (preferredFontSize > import_constants.DEFAULT_MAX_VALUE_FONT_SIZE) {

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-12-1";
-var responsiveLabelContainer = "_13c0oci0-3-12-1";
+var parentSvgStyle = "_13c0oci1-3-13-0";
+var responsiveLabelContainer = "_13c0oci0-3-13-0";

package/charts/gauge/components/GaugeRootSVG.js

@@ -35,6 +35,7 @@ const GaugeRootSVG = ({ children }) => {
       height: "100%",
       viewBox: `0 0 ${width} ${height}`,
       style: { display: "block" },
+      "data-dt-chart-svg": true,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { transform: `translate(${width / 2}, ${height / 2 + verticalOffset})`, children })
     }
   );

package/charts/gauge/utils/apply-threshold-default.js

@@ -25,7 +25,7 @@ const applyThresholdDefaults = (threshold) => {
   const showIndicatorDefault = threshold.color === void 0;
   return {
     value: threshold.value,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     showIndicator: threshold.showIndicator ?? showIndicatorDefault,
     color: threshold.color ?? import_constants.THRESHOLD_COLOR_DEFAULT
   };

package/charts/histogram/HistogramChartRoot.js

@@ -81,7 +81,7 @@ const HistogramChartRoot = (0, import_react.forwardRef)((props, forwardedRef) =>
   const {
     position: legendPosition,
     onRatioChange,
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     ratio,
     initialRatio,
     hidden: isLegendHidden

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

@@ -1,3 +1,3 @@
-._9phcbi0-3-12-1 {
+._9phcbi0-3-13-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-12-1";
+var axisContainerStyle = "_9phcbi0-3-13-0";

package/charts/histogram/components/overlays/HistogramExplore/HistogramCrosshair.js

@@ -73,7 +73,7 @@ const HistogramCrosshair = () => {
     return null;
   }
   const y = hasPinnedBin ? (
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    // oxlint-disable-next-line typescript/no-non-null-assertion
     closestBinsState.closestBin.y - import_constants.OVERLAY_PADDING
   ) : relativeMousePosition?.y ?? 0;
   const hasLeftThresholds = leftThreshold && leftThreshold.length > 0;

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

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

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

@@ -111,9 +111,9 @@ const HistogramTooltip = ({
               ),
               name: headerLabel,
               item: showHeaderTooltipItem ? {
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                // oxlint-disable-next-line typescript/no-non-null-assertion
                 ...closestTooltipItem,
-                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                // oxlint-disable-next-line typescript/no-non-null-assertion
                 values: closestTooltipItem.asyncValues()
               } : void 0
             }

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-12-1";
+var wrapper = "_fzvydv0-3-13-0";

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

@@ -1,4 +1,4 @@
-._drl8ns0-3-12-1 {
+._drl8ns0-3-13-0 {
   top: -7px;
   left: -7px;
   width: calc(100% + 14px);
@@ -6,7 +6,7 @@
   z-index: 2;
   pointer-events: none;
 }
-._drl8ns1-3-12-1 {
+._drl8ns1-3-13-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-12-1 _13lzg4k0-3-12-1";
-var datapointLayout = "_drl8ns0-3-12-1 _13lzg4k0-3-12-1";
+var crosshairLayout = "_drl8ns1-3-13-0 _13lzg4k0-3-13-0";
+var datapointLayout = "_drl8ns0-3-13-0 _13lzg4k0-3-13-0";

package/charts/histogram/hooks/useSetClosestBins.js

@@ -47,7 +47,7 @@ const useSetClosestBins = () => {
       );
       const { closestBin, closestBinsGrouped, closestBinsByClosestOne } = (0, import_find_closest_bins.getClosestBins)(position.relative.y, closestBinsX);
       const closestBinsByVariant = variant === "grouped" ? (
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        // oxlint-disable-next-line typescript/no-non-null-assertion
         closestBinsGrouped.find(
           (innerArray) => innerArray.some((item) => item.id === closestBin?.id)
         )

package/charts/histogram/providers/HistogramDataProvider.js

@@ -35,7 +35,7 @@ function useBuildInitialMetadata(data) {
   const ruleColor = (0, import_useColorRule.useColorRule)(data, "histogram");
   for (let i = 0; i < data.length; i++) {
     const series = data[i];
-    const id = crypto.randomUUID();
+    const id = `series-${i}`;
     const color = ruleColor.for(series) || (series.color ? { Default: series.color } : (0, import_get_color_palette.getColorPalette)(series.name, i, colorPalette));
     allUnits.add(series.unit);
     const metadata = {

package/charts/histogram/providers/HistogramStateSyncProvider.d.ts

@@ -1,11 +1,11 @@
-import { type PropsWithChildren } from 'react';
+import { type PropsWithChildren, type ReactNode } from 'react';
 interface HistogramStateSyncProviderProps extends PropsWithChildren {
     currentDomain?: [number, number];
     initialDomain?: [number, number];
     infiniteZoom?: boolean;
 }
 export declare const HistogramStateSyncProvider: {
-    ({ currentDomain, initialDomain, infiniteZoom, children, }: HistogramStateSyncProviderProps): import("react").JSX.Element;
+    ({ currentDomain, initialDomain, infiniteZoom, children, }: HistogramStateSyncProviderProps): ReactNode;
     displayName: string;
 };
 export {};

package/charts/histogram/providers/HistogramStateSyncProvider.js

@@ -20,7 +20,6 @@ __export(HistogramStateSyncProvider_exports, {
   HistogramStateSyncProvider: () => HistogramStateSyncProvider
 });
 module.exports = __toCommonJS(HistogramStateSyncProvider_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_zoom_reducers = require("../../core/components/interactions-state-helpers/reducers/zoom-reducers.js");
 var import_get_initial_zoom_out = require("../../core/components/zoom/utils/get-initial-zoom-out.js");
 var import_state_setters = require("../hooks/store/state-setters.js");
@@ -42,6 +41,6 @@ const HistogramStateSyncProvider = ({
       infiniteZoom || (0, import_get_initial_zoom_out.getInitialZoomOut)(currentDomain, initialDomainRange)
     )
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  return children;
 };
 HistogramStateSyncProvider["displayName"] = "HistogramStateSyncProvider";

package/charts/histogram/providers/StoreProvider.js

@@ -27,10 +27,10 @@ var import_chart_state = require("../constants/chart-state.js");
 var import_HistogramChartState_context = require("../contexts/HistogramChartState.context.js");
 const StoreProvider = ({ children }) => {
   const storeRef = (0, import_react.useRef)(null);
-  const lastInteractionMode = storeRef?.current?.getState().interactionMode;
+  const previousState = storeRef.current?.getState();
   storeRef.current = (0, import_store.createStore)({
     ...import_chart_state.initialState,
-    interactionMode: lastInteractionMode ?? import_chart_state.initialState.interactionMode
+    ...previousState
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HistogramChartState_context.HistogramChartStateContext.Provider, { value: storeRef.current, children });
 };

package/charts/histogram/utils/iterate-slots.js

@@ -147,8 +147,7 @@ const iterateSlots = (children) => {
       };
       slots = {
         ...slots,
-        // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
-        // @ts-ignore Strict mode transition - needs to be investigated
+        // @ts-expect-error: Strict mode transition — the `annotations` object shape (including `tooltip`) doesn't exactly match `HistogramAnnotationsConfigProps`
         annotations
       };
     } else if ((0, import_is_slot.isSlot)(child, import_ThresholdIndicator.ThresholdIndicator)) {

package/charts/honeycomb/HoneycombChart.css

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

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-12-1";
+var graphContainer = "_p8cogi0-3-13-0";

package/charts/honeycomb/components/HiveOverlay.css

@@ -1,4 +1,4 @@
-._lmrhfg0-3-12-1 {
+._lmrhfg0-3-13-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-12-1";
+var overlay = "_lmrhfg0-3-13-0";

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

@@ -1,4 +1,4 @@
-._12htcxh0-3-12-1 {
+._12htcxh0-3-13-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-12-1";
+var canvasContainer = "_12htcxh0-3-13-0";

package/charts/honeycomb/utils/build-honeycomb-config.js

@@ -29,7 +29,7 @@ var import_is_honeycomb_tile_numeric_data = require("./is-honeycomb-tile-numeric
 var import_ColorRule = require("../../core/slots/ColorRule.js");
 var import_constants = require("../constants.js");
 const showLabelsToLabelsDisplay = (showLabels) => showLabels ? "all" : "none";
-const isHoneycombChartAccessorDataProps = (props) => Array.isArray(props.data) && (props.data.length === 0 || !(0, import_lodash_es.isNumber)(props.data[0]) && !(0, import_lodash_es.isString)(props.data[0])) && // eslint-disable-next-line @typescript-eslint/no-deprecated
+const isHoneycombChartAccessorDataProps = (props) => Array.isArray(props.data) && (props.data.length === 0 || !(0, import_lodash_es.isNumber)(props.data[0]) && !(0, import_lodash_es.isString)(props.data[0])) && // oxlint-disable-next-line typescript/no-deprecated
 !props.colorScheme;
 const checkCategoricalDataset = (data) => Array.isArray(data) && ((0, import_lodash_es.isString)(data[0]) || (0, import_is_honeycomb_tile_categorical_data.isHoneycombTileCategoricalData)(data[0] ?? {}));
 const checkNumericalDataset = (props) => Array.isArray(props.data) && ((0, import_lodash_es.isNumber)(props.data[0]) || (0, import_is_honeycomb_tile_numeric_data.isHoneycombTileNumericData)(props.data[0] ?? {}));
@@ -38,7 +38,7 @@ const getDefaultColorScheme = (props, contextConfig) => {
     return props.colorPalette || contextConfig.colorScheme || import_constants.DEFAULT_HONEYCOMB_CONFIG.colorScheme;
   }
   const currentColorScheme = (
-    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    // oxlint-disable-next-line typescript/no-deprecated
     props.colorScheme || contextConfig.colorScheme
   );
   const isCategoricalDataset = checkCategoricalDataset(

package/charts/index.d.ts

@@ -340,5 +340,5 @@ export { automaticColoringMap as _automaticColoringMap } from './core/types/colo
 export { FlameChart as _FlameChart } from './flame/flame-chart/FlameChart.js';
 export { FlameGraph as _FlameGraph } from './flame/flame-graph/FlameGraph.js';
 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';
+export type { FlameTooltipProps as _FlameTooltipProps } from './flame/shared/types/flame-internal.js';
 //# sourceMappingURL=index.d.ts.map

package/charts/meter-bar/multi-meter-bar/providers/StoreProvider.js

@@ -55,10 +55,19 @@ const StoreProvider = ({
     colorPalette,
     colorRules
   );
+  const previousState = storeRef.current?.getState();
+  if (previousState) {
+    for (const segment of previousState.segments) {
+      if (!previousState.visibleSegments.has(segment.id)) {
+        visibleSegments.delete(segment.id);
+      }
+    }
+  }
   storeRef.current = (0, import_store.createStore)({
     ...import_constants2.INITIAL_STATE,
     segments,
-    visibleSegments
+    visibleSegments,
+    highlightedSegment: previousState?.highlightedSegment
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MultiMeterBarChartStore.MultiMeterBarChartStore.Provider, { value: storeRef.current, children });
 };

package/charts/meter-bar/multi-meter-bar/slots/Label.js

@@ -21,7 +21,7 @@ __export(Label_exports, {
 });
 module.exports = __toCommonJS(Label_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Label = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });

package/charts/meter-bar/multi-meter-bar/slots/Max.js

@@ -21,7 +21,7 @@ __export(Max_exports, {
 });
 module.exports = __toCommonJS(Max_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Max = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });

package/charts/meter-bar/multi-meter-bar/slots/Min.js

@@ -21,7 +21,7 @@ __export(Min_exports, {
 });
 module.exports = __toCommonJS(Min_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Min = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });

package/charts/meter-bar/multi-meter-bar/slots/Value.js

@@ -21,7 +21,7 @@ __export(Value_exports, {
 });
 module.exports = __toCommonJS(Value_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Value = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });

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

@@ -1,71 +1,71 @@
-._1m3udw10-3-12-1 {
+._1m3udw10-3-13-0 {
   display: flex;
   justify-content: center;
   grid-area: value;
   align-self: self-end;
   justify-self: end;
 }
-._1m3udw11-3-12-1 {
+._1m3udw11-3-13-0 {
   margin-bottom: var(--dt-spacings-size-2, 2px);
   align-items: center;
   height: 20px;
 }
-._1m3udw12-3-12-1 {
+._1m3udw12-3-13-0 {
   margin-bottom: var(--dt-spacings-size-4, 4px);
   align-items: end;
   height: 100%;
 }
-._1m3udw13-3-12-1 {
+._1m3udw13-3-13-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-12-1 {
+._1m3udw14-3-13-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-12-1 {
+._1m3udw15-3-13-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: min;
   align-self: center;
 }
-._1m3udw16-3-12-1 {
+._1m3udw16-3-13-0 {
   margin-top: var(--dt-spacings-size-4, 4px);
   grid-area: max;
   align-self: center;
   justify-self: end;
 }
-._1m3udw17-3-12-1 {
+._1m3udw17-3-13-0 {
   grid-area: legend;
   margin: var(--dt-spacings-size-4, 4px) 0 var(--dt-spacings-size-4, 4px);
 }
-._1m3udw18-3-12-1 {
+._1m3udw18-3-13-0 {
   gap: var(--dt-spacings-size-4, 4px);
   margin-bottom: var(--dt-spacings-size-2, 2px);
   grid-area: label;
 }
-._1m3udw19-3-12-1 {
+._1m3udw19-3-13-0 {
   grid-area: chart;
 }
-._1m3udw1a-3-12-1 {
+._1m3udw1a-3-13-0 {
   grid-area: thresholds;
 }
-._1m3udw1b-3-12-1 {
+._1m3udw1b-3-13-0 {
   width: 100%;
 }
-._1m3udw1c-3-12-1 {
+._1m3udw1c-3-13-0 {
   height: 100%;
 }
-._1m3udw1d-3-12-1 {
+._1m3udw1d-3-13-0 {
   height: fit-content;
 }
-._1m3udw1e-3-12-1 {
+._1m3udw1e-3-13-0 {
   position: relative;
   display: block;
   cursor: default;
   user-select: none;
 }
-._1m3udw1f-3-12-1 {
+._1m3udw1f-3-13-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-12-1";
-var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw1b-3-12-1", variantClassNames: { autoSize: { true: "_1m3udw1c-3-12-1", false: "_1m3udw1d-3-12-1" }, showLoading: { true: "_1m3udw1e-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var containerWrapper = "_1m3udw1f-3-12-1";
-var labelContainer = "_1m3udw18-3-12-1";
-var legendContainer = "_1m3udw17-3-12-1";
-var maxContainer = "_1m3udw16-3-12-1";
-var minContainer = "_1m3udw15-3-12-1";
-var thresholdsContainer = "_1m3udw1a-3-12-1";
-var toolbarAnimatedContainer = "_1m3udw14-3-12-1";
-var valueAnimatedContainer = "_1m3udw13-3-12-1";
-var valueContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw10-3-12-1", variantClassNames: { inline: { true: "_1m3udw11-3-12-1", false: "_1m3udw12-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var chartContainer = "_1m3udw19-3-13-0";
+var container = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw1b-3-13-0", variantClassNames: { autoSize: { true: "_1m3udw1c-3-13-0", false: "_1m3udw1d-3-13-0" }, showLoading: { true: "_1m3udw1e-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var containerWrapper = "_1m3udw1f-3-13-0";
+var labelContainer = "_1m3udw18-3-13-0";
+var legendContainer = "_1m3udw17-3-13-0";
+var maxContainer = "_1m3udw16-3-13-0";
+var minContainer = "_1m3udw15-3-13-0";
+var thresholdsContainer = "_1m3udw1a-3-13-0";
+var toolbarAnimatedContainer = "_1m3udw14-3-13-0";
+var valueAnimatedContainer = "_1m3udw13-3-13-0";
+var valueContainer = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1m3udw10-3-13-0", variantClassNames: { inline: { true: "_1m3udw11-3-13-0", false: "_1m3udw12-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });

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

@@ -21,7 +21,7 @@ __export(Chart_exports, {
 });
 module.exports = __toCommonJS(Chart_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Chart = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });

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

@@ -1,9 +1,9 @@
-._18riimf0-3-12-1 {
+._18riimf0-3-13-0 {
   width: 20px;
   height: 20px;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._18riimf0-3-12-1 > svg {
+._18riimf0-3-13-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-12-1";
+var container = "_18riimf0-3-13-0";

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

@@ -1,4 +1,4 @@
-._bh277f0-3-12-1 {
+._bh277f0-3-13-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-12-1";
+var labelStyle = "_bh277f0-3-13-0";

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

@@ -21,7 +21,7 @@ __export(Legend_exports, {
 });
 module.exports = __toCommonJS(Legend_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Legend = ({ children }) => children !== void 0 && children !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : null;

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

@@ -1,4 +1,4 @@
-._xxg5xc0-3-12-1 {
+._xxg5xc0-3-13-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-12-1";
+var maxValue = "_xxg5xc0-3-13-0";

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

@@ -1,4 +1,4 @@
-._16mgjbd0-3-12-1 {
+._16mgjbd0-3-13-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-12-1";
+var minValue = "_16mgjbd0-3-13-0";

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

@@ -21,7 +21,7 @@ __export(Thresholds_exports, {
 });
 module.exports = __toCommonJS(Thresholds_exports);
 var import_jsx_runtime = (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
+  // oxlint-disable-next-line react/jsx-no-useless-fragment
   require("react/jsx-runtime")
 );
 const Thresholds = ({ children }) => children !== void 0 && children !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) : null;

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

@@ -1,4 +1,4 @@
-._1euwfb00-3-12-1 {
+._1euwfb00-3-13-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-default-weight, 400);

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

@@ -21,4 +21,4 @@ __export(Value_css_exports, {
 });
 module.exports = __toCommonJS(Value_css_exports);
 var import_Value_css_ts_vanilla = require("./Value.css");
-var valueStyle = "_1euwfb00-3-12-1";
+var valueStyle = "_1euwfb00-3-13-0";

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css

@@ -1,4 +1,4 @@
-._12md1g60-3-12-1 {
+._12md1g60-3-13-0 {
   background-color: var(--dt-colors-theme-neutral-40, #dadbe4);
   width: 100%;
   display: block;

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.js

@@ -45,6 +45,7 @@ const MeterBarPlot = ({ children }) => {
       height: isSegmentHeight ? segmentHeight : void 0,
       className: (0, import_clsx.default)(import_MeterBarPlot_css.svgElement, (0, import_element_size_css.elementSize)({ size })),
       "aria-hidden": "true",
+      "data-dt-chart-svg": true,
       children
     }
   );

package/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.sty.js

@@ -21,4 +21,4 @@ __export(MeterBarPlot_css_exports, {
 });
 module.exports = __toCommonJS(MeterBarPlot_css_exports);
 var import_MeterBarPlot_css_ts_vanilla = require("./MeterBarPlot.css");
-var svgElement = "_12md1g60-3-12-1";
+var svgElement = "_12md1g60-3-13-0";

package/charts/meter-bar/shared/styles/element-size.css

@@ -1,12 +1,12 @@
-._1ckoljy1-3-12-1 {
+._1ckoljy1-3-13-0 {
   height: 100%;
 }
-._1ckoljy2-3-12-1 {
+._1ckoljy2-3-13-0 {
   height: 16px;
 }
-._1ckoljy3-3-12-1 {
+._1ckoljy3-3-13-0 {
   height: 24px;
 }
-._1ckoljy4-3-12-1 {
+._1ckoljy4-3-13-0 {
   height: 8px;
 }

package/charts/meter-bar/shared/styles/element-size.sty.js

@@ -22,4 +22,4 @@ __export(element_size_css_exports, {
 module.exports = __toCommonJS(element_size_css_exports);
 var import_element_size_css_ts_vanilla = require("./element-size.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var elementSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ckoljy0-3-12-1", variantClassNames: { size: { auto: "_1ckoljy1-3-12-1", size16: "_1ckoljy2-3-12-1", size24: "_1ckoljy3-3-12-1", size8: "_1ckoljy4-3-12-1" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
+var elementSize = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1ckoljy0-3-13-0", variantClassNames: { size: { auto: "_1ckoljy1-3-13-0", size16: "_1ckoljy2-3-13-0", size24: "_1ckoljy3-3-13-0", size8: "_1ckoljy4-3-13-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });