@dynatrace/strato-components 3.6.0 → 3.7.0

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

@@ -1,4 +1,4 @@
-._bh277f0-3-6-0 {
+._bh277f0-3-7-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.sty.js

@@ -1,5 +1,5 @@
 import "./Label.css";
-var labelStyle = "_bh277f0-3-6-0";
+var labelStyle = "_bh277f0-3-7-0";
 export {
   labelStyle
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Label/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nexport var labelStyle = '_bh277f0-3-6-0';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelStyle = '_bh277f0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._xxg5xc0-3-6-0 {
+._xxg5xc0-3-7-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.sty.js

@@ -1,5 +1,5 @@
 import "./Max.css";
-var maxValue = "_xxg5xc0-3-6-0";
+var maxValue = "_xxg5xc0-3-7-0";
 export {
   maxValue
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Max/Max.css.ts"],
-  "sourcesContent": ["import './Max.css';\nexport var maxValue = '_xxg5xc0-3-6-0';"],
+  "sourcesContent": ["import './Max.css';\nexport var maxValue = '_xxg5xc0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._16mgjbd0-3-6-0 {
+._16mgjbd0-3-7-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/esm/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.sty.js

@@ -1,5 +1,5 @@
 import "./Min.css";
-var minValue = "_16mgjbd0-3-6-0";
+var minValue = "_16mgjbd0-3-7-0";
 export {
   minValue
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Min/Min.css.ts"],
-  "sourcesContent": ["import './Min.css';\nexport var minValue = '_16mgjbd0-3-6-0';"],
+  "sourcesContent": ["import './Min.css';\nexport var minValue = '_16mgjbd0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./Value.css";
-var valueStyle = "_1euwfb00-3-6-0";
+var valueStyle = "_1euwfb00-3-7-0";
 export {
   valueStyle
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/meter-bar/shared/components/meter-bar-layout/slots/Value/Value.css.ts"],
-  "sourcesContent": ["import './Value.css';\nexport var valueStyle = '_1euwfb00-3-6-0';"],
+  "sourcesContent": ["import './Value.css';\nexport var valueStyle = '_1euwfb00-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

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

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

@@ -1,5 +1,5 @@
 import "./MeterBarPlot.css";
-var svgElement = "_12md1g60-3-6-0";
+var svgElement = "_12md1g60-3-7-0";
 export {
   svgElement
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-plot/MeterBarPlot.css.ts"],
-  "sourcesContent": ["import './MeterBarPlot.css';\nexport var svgElement = '_12md1g60-3-6-0';"],
+  "sourcesContent": ["import './MeterBarPlot.css';\nexport var svgElement = '_12md1g60-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarChartTooltip.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { useTooltipData } from "../../../../core/components/overlay-tooltip/_to-be-removed/utils.js";
 import { Series } from "../../../../core/components/overlay-tooltip/components/series/Series.js";
 import { SeriesItem } from "../../../../core/components/overlay-tooltip/components/series/SeriesItem.js";
+import { useTooltipData } from "../../../../core/components/overlay-tooltip/hooks/useTooltipData.js";
 import { OverlayTooltip } from "../../../../core/components/overlay-tooltip/OverlayTooltip.js";
 import { isTooltipDataEmpty } from "../../../../core/components/overlay-tooltip/utils.js";
 const MeterBarChartTooltip = ({

package/esm/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarChartTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/shared/components/meter-bar-tooltip/MeterBarChartTooltip.tsx"],
-  "sourcesContent": ["import { useTooltipData } from '../../../../core/components/overlay-tooltip/_to-be-removed/utils.js';\nimport { Series } from '../../../../core/components/overlay-tooltip/components/series/Series.js';\nimport { SeriesItem } from '../../../../core/components/overlay-tooltip/components/series/SeriesItem.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../../core/components/overlay-tooltip/types.js';\nimport { isTooltipDataEmpty } from '../../../../core/components/overlay-tooltip/utils.js';\nimport type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\n\ntype SeriesData = Data['series'][number];\n\ninterface MeterBarTooltipContentProps {\n  activeItem?: number;\n  variant?: 'shared' | 'single';\n  actionsForItem?: (\n    item: SeriesData,\n  ) => (() => SeriesActionsTemplate) | undefined;\n}\n\nexport const MeterBarChartTooltip = ({\n  activeItem,\n  variant,\n  actionsForItem,\n}: MeterBarTooltipContentProps) => {\n  const data = useTooltipData().data;\n\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip>\n      <Series\n        data={data.series}\n        variant={variant}\n        activeItem={activeItem}\n        seriesItemTemplate={(item) => (\n          <SeriesItem {...item} actions={actionsForItem?.(item)} />\n        )}\n      />\n    </OverlayTooltip>\n  );\n};\n"],
-  "mappings": "AAoCU;AApCV,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAa5B,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,OAAO,eAAe,EAAE;AAE9B,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX;AAAA,MACA;AAAA,MACA,oBAAoB,CAAC,SACnB,oBAAC,cAAY,GAAG,MAAM,SAAS,iBAAiB,IAAI,GAAG;AAAA;AAAA,EAE3D,GACF;AAEJ;",
+  "sourcesContent": ["import { Series } from '../../../../core/components/overlay-tooltip/components/series/Series.js';\nimport { SeriesItem } from '../../../../core/components/overlay-tooltip/components/series/SeriesItem.js';\nimport { useTooltipData } from '../../../../core/components/overlay-tooltip/hooks/useTooltipData.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../../core/components/overlay-tooltip/types.js';\nimport { isTooltipDataEmpty } from '../../../../core/components/overlay-tooltip/utils.js';\nimport type { SeriesActionsTemplate } from '../../../../core/types/series-actions-template.js';\n\ntype SeriesData = Data['series'][number];\n\ninterface MeterBarTooltipContentProps {\n  activeItem?: number;\n  variant?: 'shared' | 'single';\n  actionsForItem?: (\n    item: SeriesData,\n  ) => (() => SeriesActionsTemplate) | undefined;\n}\n\nexport const MeterBarChartTooltip = ({\n  activeItem,\n  variant,\n  actionsForItem,\n}: MeterBarTooltipContentProps) => {\n  const data = useTooltipData().data;\n\n  if (isTooltipDataEmpty(data)) {\n    return null;\n  }\n\n  return (\n    <OverlayTooltip>\n      <Series\n        data={data.series}\n        variant={variant}\n        activeItem={activeItem}\n        seriesItemTemplate={(item) => (\n          <SeriesItem {...item} actions={actionsForItem?.(item)} />\n        )}\n      />\n    </OverlayTooltip>\n  );\n};\n"],
+  "mappings": "AAoCU;AApCV,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAa5B,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAmC;AACjC,QAAM,OAAO,eAAe,EAAE;AAE9B,MAAI,mBAAmB,IAAI,GAAG;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,kBACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,KAAK;AAAA,MACX;AAAA,MACA;AAAA,MACA,oBAAoB,CAAC,SACnB,oBAAC,cAAY,GAAG,MAAM,SAAS,iBAAiB,IAAI,GAAG;AAAA;AAAA,EAE3D,GACF;AAEJ;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 import "./element-size.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var elementSize = _7a468({ defaultClassName: "_1ckoljy0-3-6-0", variantClassNames: { size: { auto: "_1ckoljy1-3-6-0", size16: "_1ckoljy2-3-6-0", size24: "_1ckoljy3-3-6-0", size8: "_1ckoljy4-3-6-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
+var elementSize = _7a468({ defaultClassName: "_1ckoljy0-3-7-0", variantClassNames: { size: { auto: "_1ckoljy1-3-7-0", size16: "_1ckoljy2-3-7-0", size24: "_1ckoljy3-3-7-0", size8: "_1ckoljy4-3-7-0" } }, defaultVariants: { size: "size16" }, compoundVariants: [] });
 export {
   elementSize
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/shared/styles/element-size.css.ts"],
-  "sourcesContent": ["import './element-size.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementSize = _7a468({defaultClassName:'_1ckoljy0-3-6-0',variantClassNames:{size:{auto:'_1ckoljy1-3-6-0',size16:'_1ckoljy2-3-6-0',size24:'_1ckoljy3-3-6-0',size8:'_1ckoljy4-3-6-0'}},defaultVariants:{size:'size16'},compoundVariants:[]});"],
+  "sourcesContent": ["import './element-size.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var elementSize = _7a468({defaultClassName:'_1ckoljy0-3-7-0',variantClassNames:{size:{auto:'_1ckoljy1-3-7-0',size16:'_1ckoljy2-3-7-0',size24:'_1ckoljy3-3-7-0',size8:'_1ckoljy4-3-7-0'}},defaultVariants:{size:'size16'},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,cAAc,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,MAAK,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,MAAK,SAAQ,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/meter-bar/shared/styles.css

@@ -1,4 +1,4 @@
-._16sdwow0-3-6-0 {
+._16sdwow0-3-7-0 {
   position: relative;
   z-index: 1;
 }

package/esm/charts/meter-bar/shared/styles.sty.js

@@ -1,6 +1,6 @@
 import "./styles.css";
 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 = "_16sdwow0-3-6-0";
+var container = "_16sdwow0-3-7-0";
 export {
   consumerLoadingStyle,
   container

package/esm/charts/meter-bar/shared/styles.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/shared/styles.css.ts"],
-  "sourcesContent": ["import './styles.css';\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 = '_16sdwow0-3-6-0';"],
+  "sourcesContent": ["import './styles.css';\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 = '_16sdwow0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB,EAAC,UAAS,YAAW,KAAI,GAAE,OAAM,QAAO,QAAO,QAAO,QAAO,GAAE,eAAc,QAAO,iBAAgB,qDAAoD,SAAQ,IAAG;AAC9L,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/MeterBarChart.js

@@ -68,7 +68,9 @@ const MeterBarChartRoot = forwardRef((props, forwardedRef) => {
     max,
     formatter,
     unit,
-    tooltip: !tooltip.hidden,
+    tooltip: {
+      hidden: tooltip.hidden
+    },
     loading
   };
   const displayValue = getNumericValue(

package/esm/charts/meter-bar/single-meter-bar/MeterBarChart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/meter-bar/single-meter-bar/MeterBarChart.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { MeterBarChartPlotArea } from './components/MeterBarChartPlotArea.js';\nimport { MeterBarChartThresholdLegend } from './components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nimport { METER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMeterBarChartConfig } from './hooks/useMeterBarChartConfig.js';\nimport { MeterBarChartInternalDataProviders } from './providers/MeterBarChartInternalDataProviders.js';\nimport { MeterBarChartProviders } from './providers/MeterBarChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { Legend } from './slots/Legend.js';\nimport { Max } from './slots/Max.js';\nimport { Min } from './slots/Min.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from './slots/ThresholdLegend.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type { MeterBarChartConsumerConfig } from './types/meter-bar-chart-config.js';\nimport { type MeterBarChartProps } from './types/meter-bar-chart.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../../core/styles/defaultChartValues.sty.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ComponentWithName } from '../../core/types/component-with-name.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';\nimport { getNumericValue } from '../shared/utils/get-numeric-value.js';\n\nconst COMPONENT_NAME = 'SingleMeterBarChart';\n/**\n * Single meter bar chart component */\nconst MeterBarChartRoot = forwardRef<\n  MeterBarChartElementRef,\n  PropsWithChildren<MeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    width,\n    height,\n    value,\n    name,\n    color,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'single-meter-bar-chart-root',\n    prefixIcon,\n    valueAccessor,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useMeterBarChartConfig(props);\n  const {\n    size,\n    thresholds,\n    thresholdsIndicators,\n    loading,\n    min,\n    max,\n    minSlot,\n    maxSlot,\n    valueSlot,\n    labelSlot,\n    tooltip,\n    formatter,\n    unit,\n  } = config;\n\n  const meterBarChartRef = useRef<HTMLDivElement>(null);\n\n  const hasLegend = thresholds.legend ?? thresholdsIndicators.legend;\n\n  const consumerConfig: MeterBarChartConsumerConfig & {\n    type: ChartType.SingleMeterBar;\n  } = {\n    type: ChartType.SingleMeterBar,\n    thresholdsIndicators,\n    size,\n    min,\n    max,\n    formatter,\n    unit,\n    tooltip: !tooltip.hidden,\n    loading,\n  };\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const internalDataProvidersProps = {\n    value,\n    displayValue,\n    valueAccessor,\n    name,\n    color,\n  };\n\n  return (\n    <MeterBarChartProviders config={config} seriesActions={props.seriesActions}>\n      <MeterBarLayout\n        {...behavioralTrackingProps}\n        ref={meterBarChartRef}\n        size={size}\n        width={width}\n        height={height}\n        className={clsx(defaultChartSize, className)}\n        style={style}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        data-testid={dataTestId}\n        data-dt-component={COMPONENT_NAME}\n        aria-label={METER_BAR_CHART_ARIA_LABEL}\n        consumerConfig={consumerConfig}\n        userRef={forwardedRef}\n      >\n        <MeterBarLayout.Providers\n          providerName={MeterBarChartInternalDataProviders}\n          providerProps={internalDataProvidersProps}\n        />\n\n        {prefixIcon && <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>}\n        {labelSlot && <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>}\n        {valueSlot && (\n          <MeterBarLayout.Value>\n            <MeterBarChartFormattedValue\n              value={displayValue}\n              total={max}\n              auto={valueSlot?.auto}\n            >\n              {valueSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Value>\n        )}\n        <MeterBarLayout.Chart>\n          <MeterBarChartPlotArea />\n        </MeterBarLayout.Chart>\n        {minSlot && (\n          <MeterBarLayout.Min>\n            <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n              {minSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Min>\n        )}\n        {maxSlot && (\n          <MeterBarLayout.Max>\n            <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n              {maxSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Max>\n        )}\n        {hasLegend && (\n          <MeterBarLayout.Legend>\n            <MeterBarChartThresholdLegend />\n          </MeterBarLayout.Legend>\n        )}\n      </MeterBarLayout>\n    </MeterBarChartProviders>\n  );\n});\n\n(MeterBarChartRoot as ComponentWithName<typeof MeterBarChartRoot>).displayName =\n  'MeterBarChart';\n\n/**\n * The `MeterBarChart` provides a lightweight and simple visualization progress\n * toward a completion, consumption of a total, etc.  It consists of a horizontal\n * bar that gradually fills up with color or shading as it approaches the max value.\n * @public\n */\nexport const MeterBarChart = Object.assign(MeterBarChartRoot, {\n  Value,\n  Label,\n  Min,\n  Max,\n  ThresholdIndicator,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ThresholdLegend,\n  Legend,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, type PropsWithChildren, useRef } from 'react';\n\nimport { MeterBarChartPlotArea } from './components/MeterBarChartPlotArea.js';\nimport { MeterBarChartThresholdLegend } from './components/MeterBarChartThresholdLegend/MeterBarChartThresholdLegend.js';\nimport { METER_BAR_CHART_ARIA_LABEL } from './constants.js';\nimport { useMeterBarChartConfig } from './hooks/useMeterBarChartConfig.js';\nimport { MeterBarChartInternalDataProviders } from './providers/MeterBarChartInternalDataProviders.js';\nimport { MeterBarChartProviders } from './providers/MeterBarChartProviders.js';\nimport { Label } from './slots/Label.js';\nimport { Legend } from './slots/Legend.js';\nimport { Max } from './slots/Max.js';\nimport { Min } from './slots/Min.js';\nimport { ThresholdIndicator } from './slots/ThresholdIndicator.js';\nimport { ThresholdLegend } from './slots/ThresholdLegend.js';\nimport { Tooltip } from './slots/Tooltip.js';\nimport { Value } from './slots/Value.js';\nimport type {\n  MeterBarChartConsumerConfig,\n  MeterBarChartTooltipConsumerConfig,\n} from './types/meter-bar-chart-config.js';\nimport { type MeterBarChartProps } from './types/meter-bar-chart.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { Intent } from '../../../core/slots/Intent/Intent.js';\nimport { defaultChartSize } from '../../../core/styles/defaultChartValues.sty.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../core/constants.js';\nimport { ColorRule } from '../../core/slots/ColorRule.js';\nimport { ChartType } from '../../core/types/chart-types.js';\nimport type { ComponentWithName } from '../../core/types/component-with-name.js';\nimport { MeterBarChartFormattedValue } from '../shared/components/formatted-value/MeterBarChartFormattedValue.js';\nimport { MeterBarLayout } from '../shared/components/meter-bar-layout/MeterBarLayout.js';\nimport { Toolbar } from '../shared/slots/Toolbar.js';\nimport type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';\nimport { getNumericValue } from '../shared/utils/get-numeric-value.js';\n\nconst COMPONENT_NAME = 'SingleMeterBarChart';\n/**\n * Single meter bar chart component */\nconst MeterBarChartRoot = forwardRef<\n  MeterBarChartElementRef,\n  PropsWithChildren<MeterBarChartProps>\n>((props, forwardedRef) => {\n  const {\n    width,\n    height,\n    value,\n    name,\n    color,\n    className,\n    style,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-testid': dataTestId = 'single-meter-bar-chart-root',\n    prefixIcon,\n    valueAccessor,\n  } = props;\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useMeterBarChartConfig(props);\n  const {\n    size,\n    thresholds,\n    thresholdsIndicators,\n    loading,\n    min,\n    max,\n    minSlot,\n    maxSlot,\n    valueSlot,\n    labelSlot,\n    tooltip,\n    formatter,\n    unit,\n  } = config;\n\n  const meterBarChartRef = useRef<HTMLDivElement>(null);\n\n  const hasLegend = thresholds.legend ?? thresholdsIndicators.legend;\n\n  const consumerConfig: MeterBarChartConsumerConfig & {\n    type: ChartType.SingleMeterBar;\n  } = {\n    type: ChartType.SingleMeterBar,\n    thresholdsIndicators,\n    size,\n    min,\n    max,\n    formatter,\n    unit,\n    tooltip: {\n      hidden: tooltip.hidden,\n    } satisfies MeterBarChartTooltipConsumerConfig,\n    loading,\n  };\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const internalDataProvidersProps = {\n    value,\n    displayValue,\n    valueAccessor,\n    name,\n    color,\n  };\n\n  return (\n    <MeterBarChartProviders config={config} seriesActions={props.seriesActions}>\n      <MeterBarLayout\n        {...behavioralTrackingProps}\n        ref={meterBarChartRef}\n        size={size}\n        width={width}\n        height={height}\n        className={clsx(defaultChartSize, className)}\n        style={style}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        data-testid={dataTestId}\n        data-dt-component={COMPONENT_NAME}\n        aria-label={METER_BAR_CHART_ARIA_LABEL}\n        consumerConfig={consumerConfig}\n        userRef={forwardedRef}\n      >\n        <MeterBarLayout.Providers\n          providerName={MeterBarChartInternalDataProviders}\n          providerProps={internalDataProvidersProps}\n        />\n\n        {prefixIcon && <MeterBarLayout.Icon>{prefixIcon}</MeterBarLayout.Icon>}\n        {labelSlot && <MeterBarLayout.Label>{labelSlot}</MeterBarLayout.Label>}\n        {valueSlot && (\n          <MeterBarLayout.Value>\n            <MeterBarChartFormattedValue\n              value={displayValue}\n              total={max}\n              auto={valueSlot?.auto}\n            >\n              {valueSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Value>\n        )}\n        <MeterBarLayout.Chart>\n          <MeterBarChartPlotArea />\n        </MeterBarLayout.Chart>\n        {minSlot && (\n          <MeterBarLayout.Min>\n            <MeterBarChartFormattedValue value={min} auto={minSlot?.auto}>\n              {minSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Min>\n        )}\n        {maxSlot && (\n          <MeterBarLayout.Max>\n            <MeterBarChartFormattedValue value={max} auto={maxSlot?.auto}>\n              {maxSlot?.value}\n            </MeterBarChartFormattedValue>\n          </MeterBarLayout.Max>\n        )}\n        {hasLegend && (\n          <MeterBarLayout.Legend>\n            <MeterBarChartThresholdLegend />\n          </MeterBarLayout.Legend>\n        )}\n      </MeterBarLayout>\n    </MeterBarChartProviders>\n  );\n});\n\n(MeterBarChartRoot as ComponentWithName<typeof MeterBarChartRoot>).displayName =\n  'MeterBarChart';\n\n/**\n * The `MeterBarChart` provides a lightweight and simple visualization progress\n * toward a completion, consumption of a total, etc.  It consists of a horizontal\n * bar that gradually fills up with color or shading as it approaches the max value.\n * @public\n */\nexport const MeterBarChart = Object.assign(MeterBarChartRoot, {\n  Value,\n  Label,\n  Min,\n  Max,\n  ThresholdIndicator,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ThresholdLegend,\n  Legend,\n  Tooltip,\n  ColorRule,\n  Intent,\n  Toolbar,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlayWithTooltip.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Flex } from "../../../../../layouts/flex/Flex.js";
 import { interactionsOverlay } from "../../../../core/components/interactions-overlay/InteractionsOverlay.sty.js";
-import { useTooltipData } from "../../../../core/components/overlay-tooltip/_to-be-removed/utils.js";
 import { useOverlay } from "../../../../core/components/overlay-tooltip/contexts/OverlayContext.js";
+import { useTooltipData } from "../../../../core/components/overlay-tooltip/hooks/useTooltipData.js";
 import { OverlayTooltip } from "../../../../core/components/overlay-tooltip/OverlayTooltip.js";
 import { useTooltipActions } from "../../../../core/components/overlay-tooltip/useTooltipActions.js";
 import { isTooltipDataEmpty } from "../../../../core/components/overlay-tooltip/utils.js";

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlayWithTooltip.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartOverlay/MeterBarChartOverlayWithTooltip.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport type { PropsWithChildren } from 'react';\n\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { interactionsOverlay } from '../../../../core/components/interactions-overlay/InteractionsOverlay.sty.js';\nimport { useTooltipData } from '../../../../core/components/overlay-tooltip/_to-be-removed/utils.js';\nimport { useOverlay } from '../../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../../core/components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { isTooltipDataEmpty } from '../../../../core/components/overlay-tooltip/utils.js';\nimport { useSeriesActions } from '../../../../core/components/series-action/ChartSeriesActionContext.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../../../core/constants.js';\nimport { MeterBarChartTooltip } from '../../../shared/components/meter-bar-tooltip/MeterBarChartTooltip.js';\nimport { useFormatter } from '../../../shared/context/FormatterContext.js';\nimport { useMeterBarLayoutSize } from '../../../shared/context/MeterBarLayoutSizeContext.js';\nimport { elementSize } from '../../../shared/styles/element-size.sty.js';\nimport { container } from '../../../shared/styles.sty.js';\nimport { getNumericValue } from '../../../shared/utils/get-numeric-value.js';\nimport { useMeterBarChartData } from '../../context/MeterBarChartDataContext.js';\nimport { useMeterBarChartInternalConfig } from '../../context/MeterBarChartInternalConfigContext.js';\nimport type {\n  MeterBarChartInternalConfig,\n  TooltipConfigData,\n} from '../../types/meter-bar-chart-internal.js';\n\ntype CustomTooltipProps = {\n  template: NonNullable<TooltipConfigData['template']>;\n  displayValue: number;\n  min: number;\n  max: number;\n  color: string;\n  name: string;\n  thresholds: MeterBarChartInternalConfig['thresholds'] | undefined;\n};\n\nconst MeterBarCustomTooltip = ({\n  template,\n  displayValue,\n  min,\n  max,\n  color,\n  name,\n  thresholds,\n}: CustomTooltipProps) => {\n  const activeThreshold = thresholds?.data\n    ?.slice()\n    .sort((a, b) => b.value - a.value)\n    .find((t) => displayValue >= t.value);\n  return (\n    <OverlayTooltip\n      legacyTemplate={template({\n        value: displayValue,\n        min,\n        max,\n        color,\n        name,\n        threshold: activeThreshold\n          ? { label: activeThreshold.name, color: activeThreshold.color }\n          : undefined,\n      })}\n    />\n  );\n};\n\nexport const MeterBarChartOverlayWithTooltip = (props: PropsWithChildren) => {\n  const { size } = useMeterBarLayoutSize();\n  const { color, name, value, valueAccessor } = useMeterBarChartData();\n  const {\n    tooltip: tooltipConfig,\n    min,\n    max,\n    thresholds,\n  } = useMeterBarChartInternalConfig();\n  const { formatter, unit } = useFormatter();\n  const { chartSeriesActions } = useSeriesActions();\n  const overlay = useOverlay();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n  const { data: tooltipData } = useTooltipData();\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const item = {\n    name: tooltipConfig?.name ?? name ?? '',\n    value: formatter(displayValue, unit),\n  };\n  const data: Data = {\n    geometry: 'meterbar' as const,\n    series: [\n      {\n        name: item.name,\n        value: item.value,\n        color,\n      },\n    ],\n  };\n\n  const tooltipContent =\n    tooltipConfig?.template && !isTooltipDataEmpty(tooltipData) ? (\n      <MeterBarCustomTooltip\n        template={tooltipConfig.template}\n        displayValue={displayValue}\n        min={min}\n        max={max}\n        color={color}\n        name={tooltipConfig.name ?? item.name}\n        thresholds={thresholds}\n      />\n    ) : (\n      <MeterBarChartTooltip\n        actionsForItem={\n          chartSeriesActions\n            ? () => () =>\n                chartSeriesActions({\n                  id: `${name}-${displayValue}`,\n                  name: item.name,\n                  values: [item.value],\n                })\n            : undefined\n        }\n      />\n    );\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      className={clsx(container, elementSize({ size }), interactionsOverlay)}\n      data-testid=\"overlay-wrapper\"\n      onPointerMove={(event) => hover(event, data)}\n      onPointerLeave={outOfBounds}\n      onClick={(event) => togglePin(event, data)}\n    >\n      {tooltipContent}\n      {props.children}\n    </Flex>\n  );\n};\n\nMeterBarChartOverlayWithTooltip['displayName'] =\n  'MeterBarChartOverlayWithTooltip';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport type { PropsWithChildren } from 'react';\n\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { interactionsOverlay } from '../../../../core/components/interactions-overlay/InteractionsOverlay.sty.js';\nimport { useOverlay } from '../../../../core/components/overlay-tooltip/contexts/OverlayContext.js';\nimport { useTooltipData } from '../../../../core/components/overlay-tooltip/hooks/useTooltipData.js';\nimport { OverlayTooltip } from '../../../../core/components/overlay-tooltip/OverlayTooltip.js';\nimport type { Data } from '../../../../core/components/overlay-tooltip/types.js';\nimport { useTooltipActions } from '../../../../core/components/overlay-tooltip/useTooltipActions.js';\nimport { isTooltipDataEmpty } from '../../../../core/components/overlay-tooltip/utils.js';\nimport { useSeriesActions } from '../../../../core/components/series-action/ChartSeriesActionContext.js';\nimport { DEFAULT_VALUE_ACCESSOR } from '../../../../core/constants.js';\nimport { MeterBarChartTooltip } from '../../../shared/components/meter-bar-tooltip/MeterBarChartTooltip.js';\nimport { useFormatter } from '../../../shared/context/FormatterContext.js';\nimport { useMeterBarLayoutSize } from '../../../shared/context/MeterBarLayoutSizeContext.js';\nimport { elementSize } from '../../../shared/styles/element-size.sty.js';\nimport { container } from '../../../shared/styles.sty.js';\nimport { getNumericValue } from '../../../shared/utils/get-numeric-value.js';\nimport { useMeterBarChartData } from '../../context/MeterBarChartDataContext.js';\nimport { useMeterBarChartInternalConfig } from '../../context/MeterBarChartInternalConfigContext.js';\nimport type {\n  MeterBarChartInternalConfig,\n  TooltipConfigData,\n} from '../../types/meter-bar-chart-internal.js';\n\ntype CustomTooltipProps = {\n  template: NonNullable<TooltipConfigData['template']>;\n  displayValue: number;\n  min: number;\n  max: number;\n  color: string;\n  name: string;\n  thresholds: MeterBarChartInternalConfig['thresholds'] | undefined;\n};\n\nconst MeterBarCustomTooltip = ({\n  template,\n  displayValue,\n  min,\n  max,\n  color,\n  name,\n  thresholds,\n}: CustomTooltipProps) => {\n  const activeThreshold = thresholds?.data\n    ?.slice()\n    .sort((a, b) => b.value - a.value)\n    .find((t) => displayValue >= t.value);\n  return (\n    <OverlayTooltip\n      legacyTemplate={template({\n        value: displayValue,\n        min,\n        max,\n        color,\n        name,\n        threshold: activeThreshold\n          ? { label: activeThreshold.name, color: activeThreshold.color }\n          : undefined,\n      })}\n    />\n  );\n};\n\nexport const MeterBarChartOverlayWithTooltip = (props: PropsWithChildren) => {\n  const { size } = useMeterBarLayoutSize();\n  const { color, name, value, valueAccessor } = useMeterBarChartData();\n  const {\n    tooltip: tooltipConfig,\n    min,\n    max,\n    thresholds,\n  } = useMeterBarChartInternalConfig();\n  const { formatter, unit } = useFormatter();\n  const { chartSeriesActions } = useSeriesActions();\n  const overlay = useOverlay();\n  const { hover, togglePin, outOfBounds } = useTooltipActions();\n  const { data: tooltipData } = useTooltipData();\n\n  const displayValue = getNumericValue(\n    value,\n    valueAccessor ?? DEFAULT_VALUE_ACCESSOR,\n  );\n  const item = {\n    name: tooltipConfig?.name ?? name ?? '',\n    value: formatter(displayValue, unit),\n  };\n  const data: Data = {\n    geometry: 'meterbar' as const,\n    series: [\n      {\n        name: item.name,\n        value: item.value,\n        color,\n      },\n    ],\n  };\n\n  const tooltipContent =\n    tooltipConfig?.template && !isTooltipDataEmpty(tooltipData) ? (\n      <MeterBarCustomTooltip\n        template={tooltipConfig.template}\n        displayValue={displayValue}\n        min={min}\n        max={max}\n        color={color}\n        name={tooltipConfig.name ?? item.name}\n        thresholds={thresholds}\n      />\n    ) : (\n      <MeterBarChartTooltip\n        actionsForItem={\n          chartSeriesActions\n            ? () => () =>\n                chartSeriesActions({\n                  id: `${name}-${displayValue}`,\n                  name: item.name,\n                  values: [item.value],\n                })\n            : undefined\n        }\n      />\n    );\n\n  return (\n    <Flex\n      ref={overlay.overlayRef}\n      className={clsx(container, elementSize({ size }), interactionsOverlay)}\n      data-testid=\"overlay-wrapper\"\n      onPointerMove={(event) => hover(event, data)}\n      onPointerLeave={outOfBounds}\n      onClick={(event) => togglePin(event, data)}\n    >\n      {tooltipContent}\n      {props.children}\n    </Flex>\n  );\n};\n\nMeterBarChartOverlayWithTooltip['displayName'] =\n  'MeterBarChartOverlayWithTooltip';\n"],
+  "mappings": "AAkDI,cA4EA,YA5EA;AAlDJ,OAAO,UAAU;AAGjB,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAE/B,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,wBAAwB;AACjC,SAAS,8BAA8B;AACvC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,sCAAsC;AAgB/C,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,kBAAkB,YAAY,MAChC,MAAM,EACP,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,EAChC,KAAK,CAAC,MAAM,gBAAgB,EAAE,KAAK;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,SAAS;AAAA,QACvB,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,kBACP,EAAE,OAAO,gBAAgB,MAAM,OAAO,gBAAgB,MAAM,IAC5D;AAAA,MACN,CAAC;AAAA;AAAA,EACH;AAEJ;AAEO,MAAM,kCAAkC,CAAC,UAA6B;AAC3E,QAAM,EAAE,KAAK,IAAI,sBAAsB;AACvC,QAAM,EAAE,OAAO,MAAM,OAAO,cAAc,IAAI,qBAAqB;AACnE,QAAM;AAAA,IACJ,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,+BAA+B;AACnC,QAAM,EAAE,WAAW,KAAK,IAAI,aAAa;AACzC,QAAM,EAAE,mBAAmB,IAAI,iBAAiB;AAChD,QAAM,UAAU,WAAW;AAC3B,QAAM,EAAE,OAAO,WAAW,YAAY,IAAI,kBAAkB;AAC5D,QAAM,EAAE,MAAM,YAAY,IAAI,eAAe;AAE7C,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,iBAAiB;AAAA,EACnB;AACA,QAAM,OAAO;AAAA,IACX,MAAM,eAAe,QAAQ,QAAQ;AAAA,IACrC,OAAO,UAAU,cAAc,IAAI;AAAA,EACrC;AACA,QAAM,OAAa;AAAA,IACjB,UAAU;AAAA,IACV,QAAQ;AAAA,MACN;AAAA,QACE,MAAM,KAAK;AAAA,QACX,OAAO,KAAK;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBACJ,eAAe,YAAY,CAAC,mBAAmB,WAAW,IACxD;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,cAAc;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,cAAc,QAAQ,KAAK;AAAA,MACjC;AAAA;AAAA,EACF,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,gBACE,qBACI,MAAM,MACJ,mBAAmB;AAAA,QACjB,IAAI,GAAG,IAAI,IAAI,YAAY;AAAA,QAC3B,MAAM,KAAK;AAAA,QACX,QAAQ,CAAC,KAAK,KAAK;AAAA,MACrB,CAAC,IACH;AAAA;AAAA,EAER;AAGJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,QAAQ;AAAA,MACb,WAAW,KAAK,WAAW,YAAY,EAAE,KAAK,CAAC,GAAG,mBAAmB;AAAA,MACrE,eAAY;AAAA,MACZ,eAAe,CAAC,UAAU,MAAM,OAAO,IAAI;AAAA,MAC3C,gBAAgB;AAAA,MAChB,SAAS,CAAC,UAAU,UAAU,OAAO,IAAI;AAAA,MAExC;AAAA;AAAA,QACA,MAAM;AAAA;AAAA;AAAA,EACT;AAEJ;AAEA,gCAAgC,aAAa,IAC3C;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.css

@@ -1,4 +1,4 @@
-._1kt6hkd0-3-6-0 {
+._1kt6hkd0-3-7-0 {
   width: 100%;
   position: absolute;
   top: -4px;

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.sty.js

@@ -1,5 +1,5 @@
 import "./MeterBarChartThresholds.css";
-var thresholdContainer = "_1kt6hkd0-3-6-0";
+var thresholdContainer = "_1kt6hkd0-3-7-0";
 export {
   thresholdContainer
 };

package/esm/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/meter-bar/single-meter-bar/components/MeterBarChartThresholds/MeterBarChartThresholds.css.ts"],
-  "sourcesContent": ["import './MeterBarChartThresholds.css';\nexport var thresholdContainer = '_1kt6hkd0-3-6-0';"],
+  "sourcesContent": ["import './MeterBarChartThresholds.css';\nexport var thresholdContainer = '_1kt6hkd0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;",
   "names": []
 }

package/esm/charts/meter-bar/single-meter-bar/utils/build-meter-bar-chart-config.js

@@ -6,7 +6,12 @@ import {
 } from "../../shared/types/meter-bar-toolbar.js";
 import { defaultConfig } from "../types/default.js";
 const getTooltipConfig = (slots, consumerConfig) => {
-  const consumerTooltip = consumerConfig.tooltip !== void 0 ? { hidden: !consumerConfig.tooltip } : void 0;
+  let consumerTooltip;
+  if (typeof consumerConfig.tooltip === "boolean") {
+    consumerTooltip = { hidden: !consumerConfig.tooltip };
+  } else if (typeof consumerConfig.tooltip === "object" && consumerConfig.tooltip.hidden !== void 0) {
+    consumerTooltip = { hidden: consumerConfig.tooltip.hidden };
+  }
   return { ...defaultConfig.tooltip, ...consumerTooltip, ...slots.tooltip };
 };
 const getToolbarConfig = (toolbarSlotsConfig, toolbarConsumerConfig) => {

package/esm/charts/meter-bar/single-meter-bar/utils/build-meter-bar-chart-config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/meter-bar/single-meter-bar/utils/build-meter-bar-chart-config.ts"],
-  "sourcesContent": ["import { applyThresholdDefaults } from './apply-threshold-defaults.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { DEFAULT_FORMATTER } from '../../shared/constants.js';\nimport {\n  defaultToolbarInternalConfig,\n  MeterBarToolbarConfig,\n  MeterBarToolbarInternalProps,\n  MeterBarToolbarSlotProps,\n} from '../../shared/types/meter-bar-toolbar.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  MeterBarChartConsumerConfig,\n  MeterBarChartSlots,\n  type MeterBarChartThresholdConsumerConfig,\n} from '../types/meter-bar-chart-config.js';\nimport {\n  MeterBarChartInternalConfig,\n  type ThresholdMetadata,\n  type TooltipConfigData,\n} from '../types/meter-bar-chart-internal.js';\nimport { MeterBarChartProps } from '../types/meter-bar-chart.js';\n\nconst getTooltipConfig = (\n  slots: MeterBarChartSlots,\n  consumerConfig: MeterBarChartConsumerConfig,\n): TooltipConfigData => {\n  const consumerTooltip =\n    consumerConfig.tooltip !== undefined\n      ? { hidden: !consumerConfig.tooltip }\n      : undefined;\n  return { ...defaultConfig.tooltip, ...consumerTooltip, ...slots.tooltip };\n};\n\nconst getToolbarConfig = (\n  toolbarSlotsConfig?: MeterBarToolbarSlotProps,\n  toolbarConsumerConfig?: MeterBarToolbarConfig,\n): MeterBarToolbarInternalProps => {\n  const configuredToolbar = toolbarSlotsConfig ?? toolbarConsumerConfig;\n\n  return { ...defaultToolbarInternalConfig, ...configuredToolbar };\n};\n\nexport const buildMeterBarChartConfig = (\n  props: MeterBarChartProps,\n  consumerConfig: MeterBarChartConsumerConfig,\n  slots: MeterBarChartSlots,\n): MeterBarChartInternalConfig => {\n  const thresholds = combineThresholds(\n    consumerConfig.thresholdsIndicators,\n    slots.thresholds,\n  );\n  const size = props.size ?? consumerConfig.size ?? defaultConfig.size;\n  const min = props.min ?? consumerConfig.min ?? defaultConfig.min;\n  const max = props.max ?? consumerConfig.max ?? defaultConfig.max;\n  const tooltip = getTooltipConfig(slots, consumerConfig);\n\n  const formatter =\n    props.formatter ?? consumerConfig.formatter ?? DEFAULT_FORMATTER;\n  const unit = props.unit ?? consumerConfig.unit;\n\n  const toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);\n\n  const colorRules = (consumerConfig.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules ?? []);\n\n  const loading =\n    props.loading ?? consumerConfig.loading ?? defaultConfig.loading;\n\n  return {\n    thresholds,\n    thresholdsIndicators: thresholds,\n    size,\n    loading,\n    min,\n    max,\n    tooltip,\n    labelSlot: slots.label,\n    valueSlot: slots.value,\n    minSlot: slots.min,\n    maxSlot: slots.max,\n    formatter,\n    unit,\n    colorRules,\n    toolbar,\n  };\n};\n\nconst combineThresholds = (\n  thresholdConfig: MeterBarChartThresholdConsumerConfig | undefined,\n  thresholdSlots: ThresholdMetadata | undefined,\n): ThresholdMetadata => {\n  const slotsData = thresholdSlots?.data ? thresholdSlots.data : [];\n  const consumerData = thresholdConfig?.data?.map(applyThresholdDefaults) ?? [];\n\n  return {\n    data: slotsData.concat(consumerData),\n    legend:\n      thresholdSlots?.legend ??\n      thresholdConfig?.legend ??\n      defaultConfig.thresholdIndicators.legend,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAIK;AACP,SAAS,qBAAqB;AAa9B,MAAM,mBAAmB,CACvB,OACA,mBACsB;AACtB,QAAM,kBACJ,eAAe,YAAY,SACvB,EAAE,QAAQ,CAAC,eAAe,QAAQ,IAClC;AACN,SAAO,EAAE,GAAG,cAAc,SAAS,GAAG,iBAAiB,GAAG,MAAM,QAAQ;AAC1E;AAEA,MAAM,mBAAmB,CACvB,oBACA,0BACiC;AACjC,QAAM,oBAAoB,sBAAsB;AAEhD,SAAO,EAAE,GAAG,8BAA8B,GAAG,kBAAkB;AACjE;AAEO,MAAM,2BAA2B,CACtC,OACA,gBACA,UACgC;AAChC,QAAM,aAAa;AAAA,IACjB,eAAe;AAAA,IACf,MAAM;AAAA,EACR;AACA,QAAM,OAAO,MAAM,QAAQ,eAAe,QAAQ,cAAc;AAChE,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,UAAU,iBAAiB,OAAO,cAAc;AAEtD,QAAM,YACJ,MAAM,aAAa,eAAe,aAAa;AACjD,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,QAAM,UAAU,iBAAiB,MAAM,SAAS,eAAe,OAAO;AAEtE,QAAM,cAAc,eAAe,cAAc,CAAC,GAC/C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,cAAc;AAE3D,SAAO;AAAA,IACL;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,oBAAoB,CACxB,iBACA,mBACsB;AACtB,QAAM,YAAY,gBAAgB,OAAO,eAAe,OAAO,CAAC;AAChE,QAAM,eAAe,iBAAiB,MAAM,IAAI,sBAAsB,KAAK,CAAC;AAE5E,SAAO;AAAA,IACL,MAAM,UAAU,OAAO,YAAY;AAAA,IACnC,QACE,gBAAgB,UAChB,iBAAiB,UACjB,cAAc,oBAAoB;AAAA,EACtC;AACF;",
+  "sourcesContent": ["import { applyThresholdDefaults } from './apply-threshold-defaults.js';\nimport { isValidColorRule } from '../../../core/slots/ColorRule.js';\nimport { DEFAULT_FORMATTER } from '../../shared/constants.js';\nimport {\n  defaultToolbarInternalConfig,\n  MeterBarToolbarConfig,\n  MeterBarToolbarInternalProps,\n  MeterBarToolbarSlotProps,\n} from '../../shared/types/meter-bar-toolbar.js';\nimport { defaultConfig } from '../types/default.js';\nimport {\n  MeterBarChartConsumerConfig,\n  MeterBarChartSlots,\n  type MeterBarChartThresholdConsumerConfig,\n} from '../types/meter-bar-chart-config.js';\nimport {\n  MeterBarChartInternalConfig,\n  type ThresholdMetadata,\n  type TooltipConfigData,\n} from '../types/meter-bar-chart-internal.js';\nimport { MeterBarChartProps } from '../types/meter-bar-chart.js';\n\nconst getTooltipConfig = (\n  slots: MeterBarChartSlots,\n  consumerConfig: MeterBarChartConsumerConfig,\n): TooltipConfigData => {\n  let consumerTooltip: { hidden: boolean } | undefined;\n  if (typeof consumerConfig.tooltip === 'boolean') {\n    // TODO [APPDEV-17990] Remove the boolean branch.\n    consumerTooltip = { hidden: !consumerConfig.tooltip };\n  } else if (\n    typeof consumerConfig.tooltip === 'object' &&\n    consumerConfig.tooltip.hidden !== undefined\n  ) {\n    consumerTooltip = { hidden: consumerConfig.tooltip.hidden };\n  }\n  return { ...defaultConfig.tooltip, ...consumerTooltip, ...slots.tooltip };\n};\n\nconst getToolbarConfig = (\n  toolbarSlotsConfig?: MeterBarToolbarSlotProps,\n  toolbarConsumerConfig?: MeterBarToolbarConfig,\n): MeterBarToolbarInternalProps => {\n  const configuredToolbar = toolbarSlotsConfig ?? toolbarConsumerConfig;\n\n  return { ...defaultToolbarInternalConfig, ...configuredToolbar };\n};\n\nexport const buildMeterBarChartConfig = (\n  props: MeterBarChartProps,\n  consumerConfig: MeterBarChartConsumerConfig,\n  slots: MeterBarChartSlots,\n): MeterBarChartInternalConfig => {\n  const thresholds = combineThresholds(\n    consumerConfig.thresholdsIndicators,\n    slots.thresholds,\n  );\n  const size = props.size ?? consumerConfig.size ?? defaultConfig.size;\n  const min = props.min ?? consumerConfig.min ?? defaultConfig.min;\n  const max = props.max ?? consumerConfig.max ?? defaultConfig.max;\n  const tooltip = getTooltipConfig(slots, consumerConfig);\n\n  const formatter =\n    props.formatter ?? consumerConfig.formatter ?? DEFAULT_FORMATTER;\n  const unit = props.unit ?? consumerConfig.unit;\n\n  const toolbar = getToolbarConfig(slots.toolbar, consumerConfig.toolbar);\n\n  const colorRules = (consumerConfig.colorRules ?? [])\n    .filter(isValidColorRule)\n    .concat(slots.colorRules ?? []);\n\n  const loading =\n    props.loading ?? consumerConfig.loading ?? defaultConfig.loading;\n\n  return {\n    thresholds,\n    thresholdsIndicators: thresholds,\n    size,\n    loading,\n    min,\n    max,\n    tooltip,\n    labelSlot: slots.label,\n    valueSlot: slots.value,\n    minSlot: slots.min,\n    maxSlot: slots.max,\n    formatter,\n    unit,\n    colorRules,\n    toolbar,\n  };\n};\n\nconst combineThresholds = (\n  thresholdConfig: MeterBarChartThresholdConsumerConfig | undefined,\n  thresholdSlots: ThresholdMetadata | undefined,\n): ThresholdMetadata => {\n  const slotsData = thresholdSlots?.data ? thresholdSlots.data : [];\n  const consumerData = thresholdConfig?.data?.map(applyThresholdDefaults) ?? [];\n\n  return {\n    data: slotsData.concat(consumerData),\n    legend:\n      thresholdSlots?.legend ??\n      thresholdConfig?.legend ??\n      defaultConfig.thresholdIndicators.legend,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,OAIK;AACP,SAAS,qBAAqB;AAa9B,MAAM,mBAAmB,CACvB,OACA,mBACsB;AACtB,MAAI;AACJ,MAAI,OAAO,eAAe,YAAY,WAAW;AAE/C,sBAAkB,EAAE,QAAQ,CAAC,eAAe,QAAQ;AAAA,EACtD,WACE,OAAO,eAAe,YAAY,YAClC,eAAe,QAAQ,WAAW,QAClC;AACA,sBAAkB,EAAE,QAAQ,eAAe,QAAQ,OAAO;AAAA,EAC5D;AACA,SAAO,EAAE,GAAG,cAAc,SAAS,GAAG,iBAAiB,GAAG,MAAM,QAAQ;AAC1E;AAEA,MAAM,mBAAmB,CACvB,oBACA,0BACiC;AACjC,QAAM,oBAAoB,sBAAsB;AAEhD,SAAO,EAAE,GAAG,8BAA8B,GAAG,kBAAkB;AACjE;AAEO,MAAM,2BAA2B,CACtC,OACA,gBACA,UACgC;AAChC,QAAM,aAAa;AAAA,IACjB,eAAe;AAAA,IACf,MAAM;AAAA,EACR;AACA,QAAM,OAAO,MAAM,QAAQ,eAAe,QAAQ,cAAc;AAChE,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,MAAM,MAAM,OAAO,eAAe,OAAO,cAAc;AAC7D,QAAM,UAAU,iBAAiB,OAAO,cAAc;AAEtD,QAAM,YACJ,MAAM,aAAa,eAAe,aAAa;AACjD,QAAM,OAAO,MAAM,QAAQ,eAAe;AAE1C,QAAM,UAAU,iBAAiB,MAAM,SAAS,eAAe,OAAO;AAEtE,QAAM,cAAc,eAAe,cAAc,CAAC,GAC/C,OAAO,gBAAgB,EACvB,OAAO,MAAM,cAAc,CAAC,CAAC;AAEhC,QAAM,UACJ,MAAM,WAAW,eAAe,WAAW,cAAc;AAE3D,SAAO;AAAA,IACL;AAAA,IACA,sBAAsB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IACjB,WAAW,MAAM;AAAA,IACjB,SAAS,MAAM;AAAA,IACf,SAAS,MAAM;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,oBAAoB,CACxB,iBACA,mBACsB;AACtB,QAAM,YAAY,gBAAgB,OAAO,eAAe,OAAO,CAAC;AAChE,QAAM,eAAe,iBAAiB,MAAM,IAAI,sBAAsB,KAAK,CAAC;AAE5E,SAAO;AAAA,IACL,MAAM,UAAU,OAAO,YAAY;AAAA,IACnC,QACE,gBAAgB,UAChB,iBAAiB,UACjB,cAAc,oBAAoB;AAAA,EACtC;AACF;",
   "names": []
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css

@@ -1,3 +1,3 @@
-._1cob19w0-3-6-0 {
+._1cob19w0-3-7-0 {
   position: absolute;
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js

@@ -1,5 +1,5 @@
 import "./InnerContainer.css";
-var container = "_1cob19w0-3-6-0";
+var container = "_1cob19w0-3-7-0";
 export {
   container
 };

package/esm/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerContainer/InnerContainer.css.ts"],
-  "sourcesContent": ["import './InnerContainer.css';\nexport var container = '_1cob19w0-3-6-0';"],
+  "sourcesContent": ["import './InnerContainer.css';\nexport var container = '_1cob19w0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css

@@ -1,3 +1,3 @@
-._1gn0gqx0-3-6-0 {
+._1gn0gqx0-3-7-0 {
   overflow: hidden;
 }

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js

@@ -1,5 +1,5 @@
 import "./InnerDonut.css";
-var container = "_1gn0gqx0-3-6-0";
+var container = "_1gn0gqx0-3-7-0";
 export {
   container
 };

package/esm/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/pie/components/InnerWrapper/components/InnerDonut/InnerDonut.css.ts"],
-  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-6-0';"],
+  "sourcesContent": ["import './InnerDonut.css';\nexport var container = '_1gn0gqx0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.css

@@ -1,4 +1,4 @@
-._jxp4cr0-3-6-0 {
+._jxp4cr0-3-7-0 {
   position: relative;
   height: 100%;
   z-index: 1;

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartOverlays.css";
-var container = "_jxp4cr0-3-6-0";
+var container = "_jxp4cr0-3-7-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartOverlays/PieChartOverlays.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartOverlays/PieChartOverlays.css.ts"],
-  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-6-0';"],
+  "sourcesContent": ["import './PieChartOverlays.css';\nexport var container = '_jxp4cr0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.css

@@ -1,3 +1,3 @@
-._1iotdmn0-3-6-0 {
+._1iotdmn0-3-7-0 {
   position: relative;
 }

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js

@@ -1,5 +1,5 @@
 import "./PieChartPlot.css";
-var container = "_1iotdmn0-3-6-0";
+var container = "_1iotdmn0-3-7-0";
 export {
   container
 };

package/esm/charts/pie/components/PieChartPlot/PieChartPlot.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/pie/components/PieChartPlot/PieChartPlot.css.ts"],
-  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-6-0';"],
+  "sourcesContent": ["import './PieChartPlot.css';\nexport var container = '_1iotdmn0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/single-value/SingleValue.css

@@ -1,4 +1,4 @@
-._1sfgzlg0-3-6-0 {
+._1sfgzlg0-3-7-0 {
   height: inherit;
   width: inherit;
 }

package/esm/charts/single-value/SingleValue.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValue.css";
-var container = "_1sfgzlg0-3-6-0";
+var container = "_1sfgzlg0-3-7-0";
 export {
   container
 };

package/esm/charts/single-value/SingleValue.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value/SingleValue.css.ts"],
-  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-6-0';"],
+  "sourcesContent": ["import './SingleValue.css';\nexport var container = '_1sfgzlg0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/single-value-grid/SingleValueGrid.css

@@ -1,7 +1,7 @@
-._1mx9zjb0-3-6-0 {
+._1mx9zjb0-3-7-0 {
   height: 100%;
   width: 100%;
 }
-._1mx9zjb0-3-6-0 > div {
+._1mx9zjb0-3-7-0 > div {
   overflow: hidden;
 }

package/esm/charts/single-value-grid/SingleValueGrid.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueGrid.css";
-var gridRows = "_1mx9zjb0-3-6-0";
+var gridRows = "_1mx9zjb0-3-7-0";
 export {
   gridRows
 };

package/esm/charts/single-value-grid/SingleValueGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/charts/single-value-grid/SingleValueGrid.css.ts"],
-  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-6-0';"],
+  "sourcesContent": ["import './SingleValueGrid.css';\nexport var gridRows = '_1mx9zjb0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;",
   "names": []
 }

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.css

@@ -1,4 +1,4 @@
-._eom86z0-3-6-0 {
+._eom86z0-3-7-0 {
   position: relative;
   width: 100%;
   height: 100%;

package/esm/charts/single-value-grid/components/GlobalFontSizeVariables.sty.js

@@ -1,5 +1,5 @@
 import "./GlobalFontSizeVariables.css";
-var fontSizeWrapper = "_eom86z0-3-6-0";
+var fontSizeWrapper = "_eom86z0-3-7-0";
 export {
   fontSizeWrapper
 };