@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/charts/core/components/shape/IconShape/IconShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/IconShape/IconShape.css.ts"],
-  "sourcesContent": ["import './IconShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconShape = _7a468({defaultClassName:'_1jwo1lm0-3-7-1',variantClassNames:{active:{true:'_1jwo1lm1-3-7-1',false:'_1jwo1lm2-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './IconShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconShape = _7a468({defaultClassName:'_1jwo1lm0-3-9-0',variantClassNames:{active:{true:'_1jwo1lm1-3-9-0',false:'_1jwo1lm2-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/shape/styles/DataPointShape.css

@@ -1,4 +1,4 @@
-._ihihf60-3-7-1 {
+._ihihf60-3-9-0 {
   width: var(--dt-spacings-size-8, 8px);
   height: var(--dt-spacings-size-8, 8px);
   border-radius: var(--dt-spacings-size-64, 64px);
@@ -7,39 +7,39 @@
   margin-left: auto;
   margin-right: auto;
 }
-._ihihf61-3-7-1 {
+._ihihf61-3-9-0 {
   width: var(--dt-spacings-size-6, 6px);
   border-radius: var(--dt-spacings-size-64, 64px);
   height: 72%;
   margin-left: auto;
   margin-right: auto;
 }
-._ihihf62-3-7-1 {
+._ihihf62-3-9-0 {
   display: flex;
   border: 1px solid var(--dt-colors-text-neutral-default, #2f2f4f);
   border-radius: var(--dt-spacings-size-20, 20px);
   margin-left: auto;
   margin-right: auto;
 }
-._ihihf63-3-7-1 {
+._ihihf63-3-9-0 {
   margin-top: var(--dt-spacings-size-2, 2px);
   width: var(--dt-spacings-size-8, 8px);
   height: var(--dt-spacings-size-8, 8px);
 }
-._ihihf64-3-7-1 {
+._ihihf64-3-9-0 {
   margin-top: inherit;
   width: var(--dt-spacings-size-6, 6px);
   height: 72%;
 }
-._ihihf65-3-7-1 {
+._ihihf65-3-9-0 {
   margin: auto auto;
   border-radius: var(--dt-spacings-size-64, 64px);
 }
-._ihihf66-3-7-1 {
+._ihihf66-3-9-0 {
   width: var(--dt-spacings-size-6, 6px);
   height: var(--dt-spacings-size-6, 6px);
 }
-._ihihf67-3-7-1 {
+._ihihf67-3-9-0 {
   width: var(--dt-spacings-size-4, 4px);
   height: 94%;
 }

package/esm/charts/core/components/shape/styles/DataPointShape.sty.js

@@ -1,9 +1,9 @@
 import "./DataPointShape.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var innerHighlightedIcon = _7a468({ defaultClassName: "_ihihf65-3-7-1", variantClassNames: { singleLine: { true: "_ihihf66-3-7-1", false: "_ihihf67-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var multiDimensionIcon = "_ihihf61-3-7-1";
-var outerHighlightedIcon = _7a468({ defaultClassName: "_ihihf62-3-7-1", variantClassNames: { singleLine: { true: "_ihihf63-3-7-1", false: "_ihihf64-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var singleDimensionIcon = "_ihihf60-3-7-1";
+var innerHighlightedIcon = _7a468({ defaultClassName: "_ihihf65-3-9-0", variantClassNames: { singleLine: { true: "_ihihf66-3-9-0", false: "_ihihf67-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var multiDimensionIcon = "_ihihf61-3-9-0";
+var outerHighlightedIcon = _7a468({ defaultClassName: "_ihihf62-3-9-0", variantClassNames: { singleLine: { true: "_ihihf63-3-9-0", false: "_ihihf64-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var singleDimensionIcon = "_ihihf60-3-9-0";
 export {
   innerHighlightedIcon,
   multiDimensionIcon,

package/esm/charts/core/components/shape/styles/DataPointShape.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/shape/styles/DataPointShape.css.ts"],
-  "sourcesContent": ["import './DataPointShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var innerHighlightedIcon = _7a468({defaultClassName:'_ihihf65-3-7-1',variantClassNames:{singleLine:{true:'_ihihf66-3-7-1',false:'_ihihf67-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var multiDimensionIcon = '_ihihf61-3-7-1';\nexport var outerHighlightedIcon = _7a468({defaultClassName:'_ihihf62-3-7-1',variantClassNames:{singleLine:{true:'_ihihf63-3-7-1',false:'_ihihf64-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var singleDimensionIcon = '_ihihf60-3-7-1';"],
+  "sourcesContent": ["import './DataPointShape.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var innerHighlightedIcon = _7a468({defaultClassName:'_ihihf65-3-9-0',variantClassNames:{singleLine:{true:'_ihihf66-3-9-0',false:'_ihihf67-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var multiDimensionIcon = '_ihihf61-3-9-0';\nexport var outerHighlightedIcon = _7a468({defaultClassName:'_ihihf62-3-9-0',variantClassNames:{singleLine:{true:'_ihihf63-3-9-0',false:'_ihihf64-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var singleDimensionIcon = '_ihihf60-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,qBAAqB;AACzB,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC1L,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/shared-chart-interactions/SharedChartInteractions.css

@@ -1,4 +1,4 @@
-._14qoaxs0-3-7-1 {
+._14qoaxs0-3-9-0 {
   position: absolute;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/shared-chart-interactions/SharedChartInteractions.sty.js

@@ -1,5 +1,5 @@
 import "./SharedChartInteractions.css";
-var containerSVG = "_14qoaxs0-3-7-1";
+var containerSVG = "_14qoaxs0-3-9-0";
 export {
   containerSVG
 };

package/esm/charts/core/components/shared-chart-interactions/SharedChartInteractions.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/shared-chart-interactions/SharedChartInteractions.css.ts"],
-  "sourcesContent": ["import './SharedChartInteractions.css';\nexport var containerSVG = '_14qoaxs0-3-7-1';"],
+  "sourcesContent": ["import './SharedChartInteractions.css';\nexport var containerSVG = '_14qoaxs0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/SingleValueRenderer.css

@@ -1,24 +1,24 @@
-._utn1m50-3-7-1 {
+._utn1m50-3-9-0 {
   container-type: size;
   height: 100%;
   width: 100%;
   border-radius: 2px;
   position: relative;
 }
-._utn1m51-3-7-1 {
+._utn1m51-3-9-0 {
   container-type: size;
   grid-area: content;
   padding: 8px;
 }
-._utn1m52-3-7-1 {
+._utn1m52-3-9-0 {
   grid-template-columns: 1fr;
   display: grid;
 }
-._utn1m53-3-7-1 {
+._utn1m53-3-9-0 {
   grid-area: sparkline;
   overflow: visible;
 }
-._utn1m54-3-7-1 {
+._utn1m54-3-9-0 {
   grid-area: trend;
   overflow: hidden;
 }

package/esm/charts/core/components/single-value-renderer/SingleValueRenderer.sty.js

@@ -1,9 +1,9 @@
 import "./SingleValueRenderer.css";
-var chartStateHandler = "_utn1m52-3-7-1";
-var singleValueContainer = "_utn1m50-3-7-1";
-var singleValueInnerContainer = "_utn1m51-3-7-1";
-var sparklineArea = "_utn1m53-3-7-1";
-var trendArea = "_utn1m54-3-7-1";
+var chartStateHandler = "_utn1m52-3-9-0";
+var singleValueContainer = "_utn1m50-3-9-0";
+var singleValueInnerContainer = "_utn1m51-3-9-0";
+var sparklineArea = "_utn1m53-3-9-0";
+var trendArea = "_utn1m54-3-9-0";
 export {
   chartStateHandler,
   singleValueContainer,

package/esm/charts/core/components/single-value-renderer/SingleValueRenderer.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/single-value-renderer/SingleValueRenderer.css.ts"],
-  "sourcesContent": ["import './SingleValueRenderer.css';\nexport var chartStateHandler = '_utn1m52-3-7-1';\nexport var singleValueContainer = '_utn1m50-3-7-1';\nexport var singleValueInnerContainer = '_utn1m51-3-7-1';\nexport var sparklineArea = '_utn1m53-3-7-1';\nexport var trendArea = '_utn1m54-3-7-1';"],
+  "sourcesContent": ["import './SingleValueRenderer.css';\nexport var chartStateHandler = '_utn1m52-3-9-0';\nexport var singleValueContainer = '_utn1m50-3-9-0';\nexport var singleValueInnerContainer = '_utn1m51-3-9-0';\nexport var sparklineArea = '_utn1m53-3-9-0';\nexport var trendArea = '_utn1m54-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,uBAAuB;AAC3B,IAAI,4BAA4B;AAChC,IAAI,gBAAgB;AACpB,IAAI,YAAY;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/ContentGrid.css

@@ -1,4 +1,4 @@
-._zdpx4o0-3-7-1 {
+._zdpx4o0-3-9-0 {
   display: grid;
   width: 100%;
   height: 100%;

package/esm/charts/core/components/single-value-renderer/components/ContentGrid.sty.js

@@ -1,5 +1,5 @@
 import "./ContentGrid.css";
-var contentGridStaticStyles = "_zdpx4o0-3-7-1";
+var contentGridStaticStyles = "_zdpx4o0-3-9-0";
 export {
   contentGridStaticStyles
 };

package/esm/charts/core/components/single-value-renderer/components/ContentGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/ContentGrid.css.ts"],
-  "sourcesContent": ["import './ContentGrid.css';\nexport var contentGridStaticStyles = '_zdpx4o0-3-7-1';"],
+  "sourcesContent": ["import './ContentGrid.css';\nexport var contentGridStaticStyles = '_zdpx4o0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,0BAA0B;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/Icon.css

@@ -1,16 +1,16 @@
-._84hyuy0-3-7-1 > svg {
+._84hyuy0-3-9-0 > svg {
   position: absolute;
   width: 2ch;
   height: 2ch;
   top: 50%;
   transform: translateY(-50%);
 }
-._84hyuy1-3-7-1 {
+._84hyuy1-3-9-0 {
   font-size: calc(min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)) * 1px);
   position: relative;
   margin-right: var(--dt-spacings-size-4, 4px);
 }
-._84hyuy2-3-7-1 {
+._84hyuy2-3-9-0 {
   display: flex;
   justify-content: center;
   align-items: center;

package/esm/charts/core/components/single-value-renderer/components/Icon.sty.js

@@ -1,7 +1,7 @@
 import "./Icon.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var iconStyle = _7a468({ defaultClassName: "_84hyuy1-3-7-1", variantClassNames: { isString: { true: "_84hyuy2-3-7-1", false: "_84hyuy0-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var parentSvgStyle = "_84hyuy0-3-7-1";
+var iconStyle = _7a468({ defaultClassName: "_84hyuy1-3-9-0", variantClassNames: { isString: { true: "_84hyuy2-3-9-0", false: "_84hyuy0-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var parentSvgStyle = "_84hyuy0-3-9-0";
 export {
   iconStyle,
   parentSvgStyle

package/esm/charts/core/components/single-value-renderer/components/Icon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/Icon.css.ts"],
-  "sourcesContent": ["import './Icon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconStyle = _7a468({defaultClassName:'_84hyuy1-3-7-1',variantClassNames:{isString:{true:'_84hyuy2-3-7-1',false:'_84hyuy0-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-7-1';"],
+  "sourcesContent": ["import './Icon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconStyle = _7a468({defaultClassName:'_84hyuy1-3-9-0',variantClassNames:{isString:{true:'_84hyuy2-3-9-0',false:'_84hyuy0-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7K,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/Label.css

@@ -1,4 +1,4 @@
-._nuwbzs0-3-7-1 {
+._nuwbzs0-3-9-0 {
   grid-area: label;
   white-space: nowrap;
   overflow: hidden;

package/esm/charts/core/components/single-value-renderer/components/Label.sty.js

@@ -1,5 +1,5 @@
 import "./Label.css";
-var labelAreaStaticStyles = "_nuwbzs0-3-7-1";
+var labelAreaStaticStyles = "_nuwbzs0-3-9-0";
 export {
   labelAreaStaticStyles
 };

package/esm/charts/core/components/single-value-renderer/components/Label.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/Label.css.ts"],
-  "sourcesContent": ["import './Label.css';\nexport var labelAreaStaticStyles = '_nuwbzs0-3-7-1';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelAreaStaticStyles = '_nuwbzs0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.css

@@ -1,4 +1,4 @@
-._xtlx2j0-3-7-1 {
+._xtlx2j0-3-9-0 {
   width: 100%;
   height: 100%;
 }

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.js

@@ -25,7 +25,6 @@ const SingleValueToolbar = (props) => {
   return /* @__PURE__ */ jsx(
     ChartToolbarRenderer,
     {
-      visible: false,
       placement,
       initialA11yState: getA11yToolbarConfig({
         intent: !!intents

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/SingleValueToolbar.tsx"],
-  "sourcesContent": ["import { toolbarOverlayPadding } from './SingleValueToolbar.sty.js';\nimport { IntentProps } from '../../../../../core/slots/Intent/Intent.js';\nimport { ChartOverlaysElevation } from '../../../constants.js';\nimport {\n  InternalChartToolbarConfig,\n  type ChartToolbarConfig,\n  type ToolbarPlacement,\n} from '../../../types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../utils/zoom.js';\nimport { ChartToolbarRenderer } from '../../toolbar/ChartToolbarRenderer.js';\nimport type { IntentsAsyncTemplate } from '../../toolbar/types.js';\nimport {\n  MINIMUM_HEIGHT_FOR_TOOLBAR,\n  MINIMUM_HEIGHT_FOR_TOOLBAR_WITH_PADDING,\n} from '../constants.js';\n\n/** Configuration properties for the ChartToolbar in SingleValue\n * @public\n */\nexport interface SingleValueToolbarConfig\n  extends Omit<ChartToolbarConfig, 'downloadData'> {\n  /** Decides the placement of the toolbar */\n  placement: ToolbarPlacement;\n  /** Decides if the toolbar is hidden */\n  hidden: boolean;\n}\n\ninterface SingleValueToolbarProps extends InternalChartToolbarConfig {\n  /** Intents to show in the toolbar */\n  intents?: Array<IntentProps>;\n  /** Decides if the toolbar is hidden */\n  hidden: boolean;\n  parentHeight: number;\n  intentsAsyncTemplate?: IntentsAsyncTemplate;\n}\n\nexport const SingleValueToolbar = (props: SingleValueToolbarProps) => {\n  const {\n    parentHeight,\n    hidden,\n    intents,\n    intentsAsyncTemplate,\n    placement = 'top-right',\n    draggable,\n  } = props;\n\n  const hasEnoughHeightForToolbar = parentHeight > MINIMUM_HEIGHT_FOR_TOOLBAR;\n  const isToolbarEnabled =\n    hasEnoughHeightForToolbar &&\n    !hidden &&\n    !!(intents?.length ?? intentsAsyncTemplate);\n\n  if (!isToolbarEnabled) {\n    return null;\n  }\n\n  const overlayClassName =\n    parentHeight > MINIMUM_HEIGHT_FOR_TOOLBAR_WITH_PADDING\n      ? undefined\n      : toolbarOverlayPadding;\n\n  return (\n    <ChartToolbarRenderer\n      visible={false}\n      placement={placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      menuDisplayMode=\"never\"\n      intents={intents}\n      overlayClassName={overlayClassName}\n      visibleWhenMouseInBounds\n      intentsAsyncTemplate={intentsAsyncTemplate}\n      zIndex={ChartOverlaysElevation.toolbar}\n      draggable={draggable}\n      removeDragHandle\n    />\n  );\n};\n\nSingleValueToolbar['displayName'] = 'SingleValueToolbar';\n"],
-  "mappings": "AA8DI;AA9DJ,SAAS,6BAA6B;AAEtC,SAAS,8BAA8B;AAMvC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAsBA,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF,IAAI;AAEJ,QAAM,4BAA4B,eAAe;AACjD,QAAM,mBACJ,6BACA,CAAC,UACD,CAAC,EAAE,SAAS,UAAU;AAExB,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,mBACJ,eAAe,0CACX,SACA;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,iBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,0BAAwB;AAAA,MACxB;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA,kBAAgB;AAAA;AAAA,EAClB;AAEJ;AAEA,mBAAmB,aAAa,IAAI;",
+  "sourcesContent": ["import { toolbarOverlayPadding } from './SingleValueToolbar.sty.js';\nimport { IntentProps } from '../../../../../core/slots/Intent/Intent.js';\nimport { ChartOverlaysElevation } from '../../../constants.js';\nimport {\n  InternalChartToolbarConfig,\n  type ChartToolbarConfig,\n  type ToolbarPlacement,\n} from '../../../types/toolbar.js';\nimport { getA11yToolbarConfig } from '../../../utils/zoom.js';\nimport { ChartToolbarRenderer } from '../../toolbar/ChartToolbarRenderer.js';\nimport type { IntentsAsyncTemplate } from '../../toolbar/types.js';\nimport {\n  MINIMUM_HEIGHT_FOR_TOOLBAR,\n  MINIMUM_HEIGHT_FOR_TOOLBAR_WITH_PADDING,\n} from '../constants.js';\n\n/** Configuration properties for the ChartToolbar in SingleValue\n * @public\n */\nexport interface SingleValueToolbarConfig\n  extends Omit<ChartToolbarConfig, 'downloadData'> {\n  /** Decides the placement of the toolbar */\n  placement: ToolbarPlacement;\n  /** Decides if the toolbar is hidden */\n  hidden: boolean;\n}\n\ninterface SingleValueToolbarProps extends InternalChartToolbarConfig {\n  /** Intents to show in the toolbar */\n  intents?: Array<IntentProps>;\n  /** Decides if the toolbar is hidden */\n  hidden: boolean;\n  parentHeight: number;\n  intentsAsyncTemplate?: IntentsAsyncTemplate;\n}\n\nexport const SingleValueToolbar = (props: SingleValueToolbarProps) => {\n  const {\n    parentHeight,\n    hidden,\n    intents,\n    intentsAsyncTemplate,\n    placement = 'top-right',\n    draggable,\n  } = props;\n\n  const hasEnoughHeightForToolbar = parentHeight > MINIMUM_HEIGHT_FOR_TOOLBAR;\n  const isToolbarEnabled =\n    hasEnoughHeightForToolbar &&\n    !hidden &&\n    !!(intents?.length ?? intentsAsyncTemplate);\n\n  if (!isToolbarEnabled) {\n    return null;\n  }\n\n  const overlayClassName =\n    parentHeight > MINIMUM_HEIGHT_FOR_TOOLBAR_WITH_PADDING\n      ? undefined\n      : toolbarOverlayPadding;\n\n  return (\n    <ChartToolbarRenderer\n      placement={placement}\n      initialA11yState={getA11yToolbarConfig({\n        intent: !!intents,\n      })}\n      menuDisplayMode=\"never\"\n      intents={intents}\n      overlayClassName={overlayClassName}\n      visibleWhenMouseInBounds\n      intentsAsyncTemplate={intentsAsyncTemplate}\n      zIndex={ChartOverlaysElevation.toolbar}\n      draggable={draggable}\n      removeDragHandle\n    />\n  );\n};\n\nSingleValueToolbar['displayName'] = 'SingleValueToolbar';\n"],
+  "mappings": "AA8DI;AA9DJ,SAAS,6BAA6B;AAEtC,SAAS,8BAA8B;AAMvC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAsBA,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF,IAAI;AAEJ,QAAM,4BAA4B,eAAe;AACjD,QAAM,mBACJ,6BACA,CAAC,UACD,CAAC,EAAE,SAAS,UAAU;AAExB,MAAI,CAAC,kBAAkB;AACrB,WAAO;AAAA,EACT;AAEA,QAAM,mBACJ,eAAe,0CACX,SACA;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,kBAAkB,qBAAqB;AAAA,QACrC,QAAQ,CAAC,CAAC;AAAA,MACZ,CAAC;AAAA,MACD,iBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,MACA,0BAAwB;AAAA,MACxB;AAAA,MACA,QAAQ,uBAAuB;AAAA,MAC/B;AAAA,MACA,kBAAgB;AAAA;AAAA,EAClB;AAEJ;AAEA,mBAAmB,aAAa,IAAI;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.sty.js

@@ -1,5 +1,5 @@
 import "./SingleValueToolbar.css";
-var toolbarOverlayPadding = "_xtlx2j0-3-7-1";
+var toolbarOverlayPadding = "_xtlx2j0-3-9-0";
 export {
   toolbarOverlayPadding
 };

package/esm/charts/core/components/single-value-renderer/components/SingleValueToolbar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/SingleValueToolbar.css.ts"],
-  "sourcesContent": ["import './SingleValueToolbar.css';\nexport var toolbarOverlayPadding = '_xtlx2j0-3-7-1';"],
+  "sourcesContent": ["import './SingleValueToolbar.css';\nexport var toolbarOverlayPadding = '_xtlx2j0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/Value.css

@@ -1,4 +1,4 @@
-._eff5no0-3-7-1 {
+._eff5no0-3-9-0 {
   grid-area: value;
   width: 100%;
   height: 100%;
@@ -6,20 +6,20 @@
   align-items: center;
   gap: 0;
 }
-._eff5no1-3-7-1 {
+._eff5no1-3-9-0 {
   white-space: nowrap;
   position: relative;
   font-size: min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))px;
   font-weight: 500;
   overflow: hidden;
 }
-._eff5no2-3-7-1 {
+._eff5no2-3-9-0 {
   padding-left: 2ch;
 }
-._eff5no3-3-7-1 {
+._eff5no3-3-9-0 {
   padding-left: 0;
 }
-._eff5no4-3-7-1 {
+._eff5no4-3-9-0 {
   white-space: nowrap;
   overflow: hidden;
   font-size: calc(min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)) * 0.66px);

package/esm/charts/core/components/single-value-renderer/components/Value.sty.js

@@ -1,8 +1,8 @@
 import "./Value.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var unitStyle = "_eff5no4-3-7-1";
-var valueArea = "_eff5no0-3-7-1";
-var valueStyle = _7a468({ defaultClassName: "_eff5no1-3-7-1", variantClassNames: { isReactNode: { true: "_eff5no2-3-7-1", false: "_eff5no3-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var unitStyle = "_eff5no4-3-9-0";
+var valueArea = "_eff5no0-3-9-0";
+var valueStyle = _7a468({ defaultClassName: "_eff5no1-3-9-0", variantClassNames: { isReactNode: { true: "_eff5no2-3-9-0", false: "_eff5no3-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   unitStyle,
   valueArea,

package/esm/charts/core/components/single-value-renderer/components/Value.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/single-value-renderer/components/Value.css.ts"],
-  "sourcesContent": ["import './Value.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var unitStyle = '_eff5no4-3-7-1';\nexport var valueArea = '_eff5no0-3-7-1';\nexport var valueStyle = _7a468({defaultClassName:'_eff5no1-3-7-1',variantClassNames:{isReactNode:{true:'_eff5no2-3-7-1',false:'_eff5no3-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Value.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var unitStyle = '_eff5no4-3-9-0';\nexport var valueArea = '_eff5no0-3-9-0';\nexport var valueStyle = _7a468({defaultClassName:'_eff5no1-3-9-0',variantClassNames:{isReactNode:{true:'_eff5no2-3-9-0',false:'_eff5no3-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,aAAY,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/trend/Trend.css

@@ -1,13 +1,13 @@
-._i0i2v10-3-7-1 {
+._i0i2v10-3-9-0 {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-._i0i2v11-3-7-1 {
+._i0i2v11-3-9-0 {
   white-space: nowrap;
   font-size: calc(min(var(--dt-charts-single-value-label-font-size, min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))), min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))) * 1px);
   overflow: hidden;
 }
-._i0i2v12-3-7-1 {
+._i0i2v12-3-9-0 {
   margin-left: min(10px, 1ch);
 }

package/esm/charts/core/components/single-value-renderer/components/trend/Trend.sty.js

@@ -1,7 +1,7 @@
 import "./Trend.css";
-var trendContainer = "_i0i2v10-3-7-1";
-var trendLabel = "_i0i2v12-3-7-1";
-var valueLabelContainer = "_i0i2v11-3-7-1";
+var trendContainer = "_i0i2v10-3-9-0";
+var trendLabel = "_i0i2v12-3-9-0";
+var valueLabelContainer = "_i0i2v11-3-9-0";
 export {
   trendContainer,
   trendLabel,

package/esm/charts/core/components/single-value-renderer/components/trend/Trend.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/single-value-renderer/components/trend/Trend.css.ts"],
-  "sourcesContent": ["import './Trend.css';\nexport var trendContainer = '_i0i2v10-3-7-1';\nexport var trendLabel = '_i0i2v12-3-7-1';\nexport var valueLabelContainer = '_i0i2v11-3-7-1';"],
+  "sourcesContent": ["import './Trend.css';\nexport var trendContainer = '_i0i2v10-3-9-0';\nexport var trendLabel = '_i0i2v12-3-9-0';\nexport var valueLabelContainer = '_i0i2v11-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,aAAa;AACjB,IAAI,sBAAsB;",
   "names": []
 }

package/esm/charts/core/components/single-value-renderer/components/trend/components/Icon.css

@@ -1,8 +1,8 @@
-._160ezq60-3-7-1 {
+._160ezq60-3-9-0 {
   font-size: calc(min(var(--dt-charts-single-value-label-font-size, min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))), min(var(--dt-charts-single-value-global-trend-font-size, min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240))), min(var(--dt-charts-single-value-font-size, var(--dt-charts-single-value-global-value-font-size, 240)), var(--dt-charts-single-value-global-value-font-size, 240)))) * 1px);
   position: relative;
 }
-._160ezq60-3-7-1 svg {
+._160ezq60-3-9-0 svg {
   position: absolute;
   width: 2ch;
   height: 2ch;

package/esm/charts/core/components/single-value-renderer/components/trend/components/Icon.sty.js

@@ -1,5 +1,5 @@
 import "./Icon.css";
-var iconStyles = "_160ezq60-3-7-1";
+var iconStyles = "_160ezq60-3-9-0";
 export {
   iconStyles
 };

package/esm/charts/core/components/single-value-renderer/components/trend/components/Icon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/single-value-renderer/components/trend/components/Icon.css.ts"],
-  "sourcesContent": ["import './Icon.css';\nexport var iconStyles = '_160ezq60-3-7-1';"],
+  "sourcesContent": ["import './Icon.css';\nexport var iconStyles = '_160ezq60-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

package/esm/charts/core/components/sparkline-display/Sparkline.css

@@ -1,22 +1,22 @@
-._8d5rf80-3-7-1 {
+._8d5rf80-3-9-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._8d5rf81-3-7-1 {
+._8d5rf81-3-9-0 {
   font-size: 9px;
   line-height: 12px;
 }
-._8d5rf82-3-7-1 {
+._8d5rf82-3-9-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
 }
-._8d5rf83-3-7-1 {
+._8d5rf83-3-9-0 {
   position: absolute;
 }
-._8d5rf84-3-7-1 {
+._8d5rf84-3-9-0 {
   width: 4px;
   margin-left: var(--dt-spacings-size-4, 4px);
 }
-._8d5rf85-3-7-1 {
+._8d5rf85-3-9-0 {
   width: 6px;
   margin-left: var(--dt-spacings-size-4, 4px);
 }

package/esm/charts/core/components/sparkline-display/Sparkline.sty.js

@@ -1,7 +1,7 @@
 import "./Sparkline.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var contextValueText = _7a468({ defaultClassName: "_8d5rf80-3-7-1", variantClassNames: { fontSize: { smallerThan32: "_8d5rf81-3-7-1", greaterOrEqual32: "_8d5rf82-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var negativeSign = _7a468({ defaultClassName: "_8d5rf83-3-7-1", variantClassNames: { containerHeight: { height24: "_8d5rf84-3-7-1", height32: "_8d5rf85-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var contextValueText = _7a468({ defaultClassName: "_8d5rf80-3-9-0", variantClassNames: { fontSize: { smallerThan32: "_8d5rf81-3-9-0", greaterOrEqual32: "_8d5rf82-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var negativeSign = _7a468({ defaultClassName: "_8d5rf83-3-9-0", variantClassNames: { containerHeight: { height24: "_8d5rf84-3-9-0", height32: "_8d5rf85-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   contextValueText,
   negativeSign

package/esm/charts/core/components/sparkline-display/Sparkline.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/sparkline-display/Sparkline.css.ts"],
-  "sourcesContent": ["import './Sparkline.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var contextValueText = _7a468({defaultClassName:'_8d5rf80-3-7-1',variantClassNames:{fontSize:{smallerThan32:'_8d5rf81-3-7-1',greaterOrEqual32:'_8d5rf82-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var negativeSign = _7a468({defaultClassName:'_8d5rf83-3-7-1',variantClassNames:{containerHeight:{height24:'_8d5rf84-3-7-1',height32:'_8d5rf85-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Sparkline.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var contextValueText = _7a468({defaultClassName:'_8d5rf80-3-9-0',variantClassNames:{fontSize:{smallerThan32:'_8d5rf81-3-9-0',greaterOrEqual32:'_8d5rf82-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var negativeSign = _7a468({defaultClassName:'_8d5rf83-3-9-0',variantClassNames:{containerHeight:{height24:'_8d5rf84-3-9-0',height32:'_8d5rf85-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,UAAS,EAAC,eAAc,kBAAiB,kBAAiB,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxM,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,iBAAgB,EAAC,UAAS,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/sparkline-display/SparklineContainer.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Line as ZeroLine } from "@visx/shape";
 import { ContextValueIndicator } from "./components/ContextValueIndicator.js";
 import {
   AXIS_HEIGHT,
@@ -82,10 +81,14 @@ const SparklineContainer = (props) => {
   const height = getSparklineHeight(containerDimension.height, shouldShowTicks);
   const isBarVariant = variant === "bar";
   const yScale = getSparklineYScale(domainValues, height, yAxis, isBarVariant);
+  const [scaleDomainMin, scaleDomainMax] = yScale.domain();
+  const isFlat = domainValues.min === domainValues.max;
+  const effectiveMin = isFlat ? scaleDomainMin : domainValues.min;
+  const effectiveMax = isFlat ? scaleDomainMax : domainValues.max;
   const { formattedContextMaxValue, formattedContextMinValue } = getFormattedContextValues({
     unit: data?.unit,
     formatter: props.yAxis?.formatter,
-    domainValues
+    domainValues: { min: effectiveMin, max: effectiveMax }
   });
   const { chartLeftOffset, chartWidth } = getContextValueLayout({
     containerHeight: containerDimension.height,
@@ -119,11 +122,10 @@ const SparklineContainer = (props) => {
     yScale
   );
   const validatedColor = getValidColor(color, DEFAULT_SCALE_FALLBACK_COLOR);
-  const [min, max] = yScale.domain();
-  const displayZeroLine = min <= 0 && max >= 0;
+  const displayZeroLine = scaleDomainMin <= 0 && scaleDomainMax >= 0;
   const zeroLineYPos = yScale(0) ?? -1;
-  const rawMinY = yScale(domainValues.min);
-  const rawMaxY = yScale(domainValues.max);
+  const rawMinY = yScale(effectiveMin);
+  const rawMaxY = yScale(effectiveMax);
   const containerHeight = mapContainerHeightToVariant(
     containerDimension.height
   );
@@ -169,12 +171,15 @@ const SparklineContainer = (props) => {
                   style: { position: "absolute" },
                   children: [
                     displayZeroLine && /* @__PURE__ */ jsx(
-                      ZeroLine,
+                      "line",
                       {
-                        from: { x: 0, y: zeroLineYPos },
-                        to: { x: chartWidth, y: zeroLineYPos },
+                        x1: 0,
+                        y1: zeroLineYPos,
+                        x2: chartWidth,
+                        y2: zeroLineYPos,
                         stroke: DEFAULT_STROKE_COLOR,
                         strokeWidth: DEFAULT_STROKE_WIDTH,
+                        shapeRendering: "crispEdges",
                         "data-testid": "sparkline-zero-baseline"
                       }
                     ),