@dynatrace/strato-components 3.7.0 → 3.8.0

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

@@ -1,24 +1,24 @@
-._utn1m50-3-7-0 {
+._utn1m50-3-8-0 {
   container-type: size;
   height: 100%;
   width: 100%;
   border-radius: 2px;
   position: relative;
 }
-._utn1m51-3-7-0 {
+._utn1m51-3-8-0 {
   container-type: size;
   grid-area: content;
   padding: 8px;
 }
-._utn1m52-3-7-0 {
+._utn1m52-3-8-0 {
   grid-template-columns: 1fr;
   display: grid;
 }
-._utn1m53-3-7-0 {
+._utn1m53-3-8-0 {
   grid-area: sparkline;
   overflow: visible;
 }
-._utn1m54-3-7-0 {
+._utn1m54-3-8-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-0";
-var singleValueContainer = "_utn1m50-3-7-0";
-var singleValueInnerContainer = "_utn1m51-3-7-0";
-var sparklineArea = "_utn1m53-3-7-0";
-var trendArea = "_utn1m54-3-7-0";
+var chartStateHandler = "_utn1m52-3-8-0";
+var singleValueContainer = "_utn1m50-3-8-0";
+var singleValueInnerContainer = "_utn1m51-3-8-0";
+var sparklineArea = "_utn1m53-3-8-0";
+var trendArea = "_utn1m54-3-8-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-0';\nexport var singleValueContainer = '_utn1m50-3-7-0';\nexport var singleValueInnerContainer = '_utn1m51-3-7-0';\nexport var sparklineArea = '_utn1m53-3-7-0';\nexport var trendArea = '_utn1m54-3-7-0';"],
+  "sourcesContent": ["import './SingleValueRenderer.css';\nexport var chartStateHandler = '_utn1m52-3-8-0';\nexport var singleValueContainer = '_utn1m50-3-8-0';\nexport var singleValueInnerContainer = '_utn1m51-3-8-0';\nexport var sparklineArea = '_utn1m53-3-8-0';\nexport var trendArea = '_utn1m54-3-8-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-0 {
+._zdpx4o0-3-8-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-0";
+var contentGridStaticStyles = "_zdpx4o0-3-8-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-0';"],
+  "sourcesContent": ["import './ContentGrid.css';\nexport var contentGridStaticStyles = '_zdpx4o0-3-8-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-0 > svg {
+._84hyuy0-3-8-0 > svg {
   position: absolute;
   width: 2ch;
   height: 2ch;
   top: 50%;
   transform: translateY(-50%);
 }
-._84hyuy1-3-7-0 {
+._84hyuy1-3-8-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-0 {
+._84hyuy2-3-8-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-0", variantClassNames: { isString: { true: "_84hyuy2-3-7-0", false: "_84hyuy0-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var parentSvgStyle = "_84hyuy0-3-7-0";
+var iconStyle = _7a468({ defaultClassName: "_84hyuy1-3-8-0", variantClassNames: { isString: { true: "_84hyuy2-3-8-0", false: "_84hyuy0-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var parentSvgStyle = "_84hyuy0-3-8-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-0',variantClassNames:{isString:{true:'_84hyuy2-3-7-0',false:'_84hyuy0-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-7-0';"],
+  "sourcesContent": ["import './Icon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var iconStyle = _7a468({defaultClassName:'_84hyuy1-3-8-0',variantClassNames:{isString:{true:'_84hyuy2-3-8-0',false:'_84hyuy0-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var parentSvgStyle = '_84hyuy0-3-8-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-0 {
+._nuwbzs0-3-8-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-0";
+var labelAreaStaticStyles = "_nuwbzs0-3-8-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-0';"],
+  "sourcesContent": ["import './Label.css';\nexport var labelAreaStaticStyles = '_nuwbzs0-3-8-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-0 {
+._xtlx2j0-3-8-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-0";
+var toolbarOverlayPadding = "_xtlx2j0-3-8-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-0';"],
+  "sourcesContent": ["import './SingleValueToolbar.css';\nexport var toolbarOverlayPadding = '_xtlx2j0-3-8-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-0 {
+._eff5no0-3-8-0 {
   grid-area: value;
   width: 100%;
   height: 100%;
@@ -6,20 +6,20 @@
   align-items: center;
   gap: 0;
 }
-._eff5no1-3-7-0 {
+._eff5no1-3-8-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-0 {
+._eff5no2-3-8-0 {
   padding-left: 2ch;
 }
-._eff5no3-3-7-0 {
+._eff5no3-3-8-0 {
   padding-left: 0;
 }
-._eff5no4-3-7-0 {
+._eff5no4-3-8-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-0";
-var valueArea = "_eff5no0-3-7-0";
-var valueStyle = _7a468({ defaultClassName: "_eff5no1-3-7-0", variantClassNames: { isReactNode: { true: "_eff5no2-3-7-0", false: "_eff5no3-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var unitStyle = "_eff5no4-3-8-0";
+var valueArea = "_eff5no0-3-8-0";
+var valueStyle = _7a468({ defaultClassName: "_eff5no1-3-8-0", variantClassNames: { isReactNode: { true: "_eff5no2-3-8-0", false: "_eff5no3-3-8-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-0';\nexport var valueArea = '_eff5no0-3-7-0';\nexport var valueStyle = _7a468({defaultClassName:'_eff5no1-3-7-0',variantClassNames:{isReactNode:{true:'_eff5no2-3-7-0',false:'_eff5no3-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Value.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var unitStyle = '_eff5no4-3-8-0';\nexport var valueArea = '_eff5no0-3-8-0';\nexport var valueStyle = _7a468({defaultClassName:'_eff5no1-3-8-0',variantClassNames:{isReactNode:{true:'_eff5no2-3-8-0',false:'_eff5no3-3-8-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-0 {
+._i0i2v10-3-8-0 {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }
-._i0i2v11-3-7-0 {
+._i0i2v11-3-8-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-0 {
+._i0i2v12-3-8-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-0";
-var trendLabel = "_i0i2v12-3-7-0";
-var valueLabelContainer = "_i0i2v11-3-7-0";
+var trendContainer = "_i0i2v10-3-8-0";
+var trendLabel = "_i0i2v12-3-8-0";
+var valueLabelContainer = "_i0i2v11-3-8-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-0';\nexport var trendLabel = '_i0i2v12-3-7-0';\nexport var valueLabelContainer = '_i0i2v11-3-7-0';"],
+  "sourcesContent": ["import './Trend.css';\nexport var trendContainer = '_i0i2v10-3-8-0';\nexport var trendLabel = '_i0i2v12-3-8-0';\nexport var valueLabelContainer = '_i0i2v11-3-8-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-0 {
+._160ezq60-3-8-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-0 svg {
+._160ezq60-3-8-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-0";
+var iconStyles = "_160ezq60-3-8-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-0';"],
+  "sourcesContent": ["import './Icon.css';\nexport var iconStyles = '_160ezq60-3-8-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,aAAa;",
   "names": []
 }

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

@@ -1,22 +1,22 @@
-._8d5rf80-3-7-0 {
+._8d5rf80-3-8-0 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._8d5rf81-3-7-0 {
+._8d5rf81-3-8-0 {
   font-size: 9px;
   line-height: 12px;
 }
-._8d5rf82-3-7-0 {
+._8d5rf82-3-8-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-0 {
+._8d5rf83-3-8-0 {
   position: absolute;
 }
-._8d5rf84-3-7-0 {
+._8d5rf84-3-8-0 {
   width: 4px;
   margin-left: var(--dt-spacings-size-4, 4px);
 }
-._8d5rf85-3-7-0 {
+._8d5rf85-3-8-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-0", variantClassNames: { fontSize: { smallerThan32: "_8d5rf81-3-7-0", greaterOrEqual32: "_8d5rf82-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var negativeSign = _7a468({ defaultClassName: "_8d5rf83-3-7-0", variantClassNames: { containerHeight: { height24: "_8d5rf84-3-7-0", height32: "_8d5rf85-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var contextValueText = _7a468({ defaultClassName: "_8d5rf80-3-8-0", variantClassNames: { fontSize: { smallerThan32: "_8d5rf81-3-8-0", greaterOrEqual32: "_8d5rf82-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var negativeSign = _7a468({ defaultClassName: "_8d5rf83-3-8-0", variantClassNames: { containerHeight: { height24: "_8d5rf84-3-8-0", height32: "_8d5rf85-3-8-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-0',variantClassNames:{fontSize:{smallerThan32:'_8d5rf81-3-7-0',greaterOrEqual32:'_8d5rf82-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var negativeSign = _7a468({defaultClassName:'_8d5rf83-3-7-0',variantClassNames:{containerHeight:{height24:'_8d5rf84-3-7-0',height32:'_8d5rf85-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Sparkline.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var contextValueText = _7a468({defaultClassName:'_8d5rf80-3-8-0',variantClassNames:{fontSize:{smallerThan32:'_8d5rf81-3-8-0',greaterOrEqual32:'_8d5rf82-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var negativeSign = _7a468({defaultClassName:'_8d5rf83-3-8-0',variantClassNames:{containerHeight:{height24:'_8d5rf84-3-8-0',height32:'_8d5rf85-3-8-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,
@@ -169,12 +168,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"
                       }
                     ),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/sparkline-display/SparklineContainer.tsx"],
-  "sourcesContent": ["import { Line as ZeroLine } from '@visx/shape';\nimport { type MutableRefObject } from 'react';\n\nimport { ContextValueIndicator } from './components/ContextValueIndicator.js';\nimport {\n  AXIS_HEIGHT,\n  CONTEXT_VALUE_MIN_LABELS_DISTANCE_LARGE,\n  CONTEXT_VALUE_MIN_LABELS_DISTANCE_SMALL,\n  CONTEXT_VALUE_TEXT_OFFSET_MAX,\n  CONTEXT_VALUE_TEXT_OFFSET_MIN_LARGE,\n  CONTEXT_VALUE_TEXT_OFFSET_MIN_SMALL,\n  DEFAULT_SCALE_FALLBACK_COLOR,\n  DEFAULT_SHOW_CONTEXT_VALUES,\n  defaultYAxisConfig,\n  FONT_SIZE_BREAKING_POINT,\n  SPARKLINE_ARIA_LABEL,\n} from './constants.js';\nimport { SparklineRenderer } from './SparklineRenderer.js';\nimport { SparklineContainerHeightFontSize } from './types/sparkline-container-height.js';\nimport type { SparklineDisplayProps } from './types/sparkline-display-props.js';\nimport { calculateArcRadius } from './utils/arc-radius.js';\nimport { getContextValueYPositions } from './utils/get-adjusted-context-value-y-position.js';\nimport { getContextValueLayout } from './utils/get-context-value-layout.js';\nimport { getFormattedContextValues } from './utils/get-formatted-context-values.js';\nimport { getShowContextValues } from './utils/get-show-context-values.js';\nimport { getSparklineHeight } from './utils/get-sparkline-height.js';\nimport { getSparklineXScale } from './utils/get-sparkline-x-scale.js';\nimport { getSparklineYScale } from './utils/get-sparkline-y-scale.js';\nimport { getXAxisConfig } from './utils/get-x-axis-config.js';\nimport { mapContainerHeightToVariant } from './utils/map-container-height-to-variant.js';\nimport { sanitizeSparklineData } from './utils/sanitize-sparkline-data.js';\nimport { calculateStrokeWidth } from './utils/stroke-width.js';\nimport { mapToThresholdsIndicators } from './utils/threshold-indicators.js';\nimport { useCurrentTheme } from '../../../../core/hooks/useCurrentTheme.js';\nimport { useObserveContainerSize } from '../../hooks/useObserveContainerSize.js';\nimport { Timeseries } from '../../types/timeseries.js';\nimport { getFormattedTicks } from '../../utils/formatter-by-ticks.js';\nimport { getValidColor } from '../../utils/getValidColor.js';\nimport { getHorizontalNumTicks } from '../../utils/ticks.js';\nimport { TimeBottomAxis } from '../axes/components/TimeBottomAxis.js';\nimport { Canvas } from '../canvas/Canvas.js';\nimport { CanvasContext } from '../canvas/CanvasContext.js';\nimport type { CanvasShape } from '../canvas/types/canvas-shape.js';\nimport { createCanvasGradient } from '../canvas/utils/create-canvas-gradient.js';\nimport {\n  DEFAULT_STROKE_COLOR,\n  DEFAULT_STROKE_WIDTH,\n} from '../grid/GridLine.js';\nimport { ThresholdIndicator } from '../threshold-bar/indicators/ThresholdIndicator.js';\n\ninterface SparklineContainerProps extends SparklineDisplayProps {\n  data: Timeseries;\n}\n\n/** Clamps a context value Y position within the sparkline height bounds. */\nfunction getYPosition(height: number, adjustedY: number): number {\n  return Math.max(0, Math.min(height, adjustedY));\n}\n\n/**\n * SparklineContainer component\n */\nexport const SparklineContainer = (props: SparklineContainerProps) => {\n  const {\n    data,\n    color,\n    variant = 'line',\n    showTicks = false,\n    thresholds = [],\n    gapPolicy = 'connect',\n    showContextValues = DEFAULT_SHOW_CONTEXT_VALUES,\n    curve,\n    ticksColor,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    className,\n    style: consumerStyle,\n    labelsAlignment = 'left',\n    labelsFixedWidth,\n  } = props;\n\n  const [containerDimension, sizeObserverRef] = useObserveContainerSize();\n\n  const theme = useCurrentTheme();\n\n  const shouldShowTicks = showTicks && containerDimension.height >= 40;\n\n  const { width: containerWidth } = containerDimension;\n\n  const xAxis = getXAxisConfig(props.xAxis);\n  const yAxis = {\n    ...defaultYAxisConfig,\n    ...props.yAxis,\n  };\n\n  const { sanitizedSeries, domainValues } = sanitizeSparklineData(\n    data,\n    gapPolicy,\n    xAxis,\n  );\n\n  const { showContextMin, showContextMax } = showContextValues\n    ? getShowContextValues(yAxis, domainValues)\n    : { showContextMin: false, showContextMax: false };\n\n  const height = getSparklineHeight(containerDimension.height, shouldShowTicks);\n\n  const isBarVariant = variant === 'bar';\n\n  const yScale = getSparklineYScale(domainValues, height, yAxis, isBarVariant);\n\n  const { formattedContextMaxValue, formattedContextMinValue } =\n    getFormattedContextValues({\n      unit: data?.unit,\n      formatter: props.yAxis?.formatter,\n      domainValues,\n    });\n\n  const { chartLeftOffset, chartWidth } = getContextValueLayout({\n    containerHeight: containerDimension.height,\n    containerWidth,\n    showContextValues,\n    formattedContextMaxValue,\n    formattedContextMinValue,\n    labelsAlignment,\n    labelsFixedWidth,\n  });\n\n  const strokeWidth = calculateStrokeWidth(height, chartWidth);\n  const arcRadius = calculateArcRadius(height, chartWidth);\n\n  const xScale = getSparklineXScale(\n    sanitizedSeries,\n    chartWidth,\n    strokeWidth / 2,\n    isBarVariant,\n  );\n\n  const horizontalNumTicks = getHorizontalNumTicks(chartWidth);\n  const { ticks, formattedTicks } = getFormattedTicks(\n    horizontalNumTicks,\n    xScale,\n    undefined,\n    undefined,\n  );\n\n  const thresholdIndicators = mapToThresholdsIndicators(\n    thresholds,\n    chartWidth,\n    height,\n    xScale,\n    yScale,\n  );\n\n  const validatedColor = getValidColor(color, DEFAULT_SCALE_FALLBACK_COLOR);\n\n  const [min, max] = yScale.domain();\n  const displayZeroLine = min <= 0 && max >= 0;\n  const zeroLineYPos = yScale(0) ?? -1;\n\n  // Dashed lines sit at the raw data y-positions; text labels are pushed apart\n  // if their text boxes would overlap, without moving the dashed lines.\n  const rawMinY = yScale(domainValues.min);\n  const rawMaxY = yScale(domainValues.max);\n\n  const containerHeight = mapContainerHeightToVariant(\n    containerDimension.height,\n  );\n\n  const fontSize =\n    containerDimension.height >= FONT_SIZE_BREAKING_POINT\n      ? SparklineContainerHeightFontSize.GREATER_OR_EQUAL_32\n      : SparklineContainerHeightFontSize.SMALLER_THAN_32;\n\n  const minLabelsDistance =\n    fontSize === SparklineContainerHeightFontSize.GREATER_OR_EQUAL_32\n      ? CONTEXT_VALUE_MIN_LABELS_DISTANCE_LARGE\n      : CONTEXT_VALUE_MIN_LABELS_DISTANCE_SMALL;\n\n  const maxTextOffset = CONTEXT_VALUE_TEXT_OFFSET_MAX;\n  const minTextOffset =\n    fontSize === SparklineContainerHeightFontSize.SMALLER_THAN_32\n      ? CONTEXT_VALUE_TEXT_OFFSET_MIN_SMALL\n      : CONTEXT_VALUE_TEXT_OFFSET_MIN_LARGE;\n\n  const { adjustedMinLabelY, adjustedMaxLabelY } = getContextValueYPositions({\n    rawMinY,\n    rawMaxY,\n    showContextMin,\n    showContextMax,\n    minLabelsDistance,\n    minTextOffset,\n    maxTextOffset,\n    chartHeight: height,\n  });\n\n  return (\n    <div\n      style={{ height: '100%' }}\n      className={className}\n      ref={sizeObserverRef}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-label={SPARKLINE_ARIA_LABEL}\n      role=\"img\"\n    >\n      <div\n        style={{\n          transform: `translate(${chartLeftOffset}px)`,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <svg\n          width={chartWidth}\n          height={height}\n          style={{ position: 'absolute' }}\n        >\n          {displayZeroLine && (\n            <ZeroLine\n              from={{ x: 0, y: zeroLineYPos }}\n              to={{ x: chartWidth, y: zeroLineYPos }}\n              stroke={DEFAULT_STROKE_COLOR}\n              strokeWidth={DEFAULT_STROKE_WIDTH}\n              data-testid=\"sparkline-zero-baseline\"\n            />\n          )}\n          {thresholdIndicators.length > 0 &&\n            thresholdIndicators.map(\n              ({ id, indicatorData, color, strokeOnly }) => (\n                <ThresholdIndicator\n                  key={`threshold-indicator-${id}`}\n                  data={indicatorData}\n                  color={color}\n                  strokeOnly={strokeOnly}\n                  isActive={false}\n                />\n              ),\n            )}\n        </svg>\n        <div style={{ position: 'absolute', ...consumerStyle }}>\n          <CanvasContext.Provider\n            value={{\n              shapeRefs: new Map<string, MutableRefObject<CanvasShape>>(),\n            }}\n          >\n            <Canvas width={containerWidth} height={height}>\n              <SparklineRenderer\n                data={sanitizedSeries.datapoints}\n                width={chartWidth}\n                height={height}\n                xScale={xScale}\n                yScale={yScale}\n                strokeColor={validatedColor}\n                fillColor={createCanvasGradient({\n                  height,\n                  color: validatedColor,\n                  domain: yScale.domain(),\n                  theme,\n                })}\n                variant={variant}\n                strokeWidth={strokeWidth}\n                radius={arcRadius}\n                curve={curve}\n                gapPolicy={gapPolicy}\n              />\n            </Canvas>\n          </CanvasContext.Provider>\n\n          {shouldShowTicks && (\n            <TimeBottomAxis\n              ticks={ticks}\n              tickColor={ticksColor}\n              formattedTicks={formattedTicks}\n              scale={xScale}\n              containerHeight={AXIS_HEIGHT}\n              containerWidth={chartWidth - 16}\n            />\n          )}\n        </div>\n      </div>\n\n      {showContextMin && (\n        <ContextValueIndicator\n          formattedValue={formattedContextMinValue}\n          dottedLineWidth={chartWidth}\n          labelsFixedWidth={labelsFixedWidth}\n          yPosition={getYPosition(height, rawMinY)}\n          labelYPosition={adjustedMinLabelY}\n          containerHeight={containerHeight}\n          fontSize={fontSize}\n          labelsAlignment={labelsAlignment}\n          chartLeftOffset={chartLeftOffset}\n          color={ticksColor}\n          sparklineHeight={height}\n        />\n      )}\n      {showContextMax && (\n        <ContextValueIndicator\n          formattedValue={formattedContextMaxValue}\n          dottedLineWidth={chartWidth}\n          yPosition={getYPosition(height, rawMaxY)}\n          labelYPosition={adjustedMaxLabelY}\n          containerHeight={containerHeight}\n          fontSize={fontSize}\n          labelsAlignment={labelsAlignment}\n          chartLeftOffset={chartLeftOffset}\n          labelsFixedWidth={labelsFixedWidth}\n          color={ticksColor}\n          sparklineHeight={height}\n          isMax\n        />\n      )}\n    </div>\n  );\n};\n\nSparklineContainer['displayName'] = 'SparklineContainer';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { type MutableRefObject } from 'react';\n\nimport { ContextValueIndicator } from './components/ContextValueIndicator.js';\nimport {\n  AXIS_HEIGHT,\n  CONTEXT_VALUE_MIN_LABELS_DISTANCE_LARGE,\n  CONTEXT_VALUE_MIN_LABELS_DISTANCE_SMALL,\n  CONTEXT_VALUE_TEXT_OFFSET_MAX,\n  CONTEXT_VALUE_TEXT_OFFSET_MIN_LARGE,\n  CONTEXT_VALUE_TEXT_OFFSET_MIN_SMALL,\n  DEFAULT_SCALE_FALLBACK_COLOR,\n  DEFAULT_SHOW_CONTEXT_VALUES,\n  defaultYAxisConfig,\n  FONT_SIZE_BREAKING_POINT,\n  SPARKLINE_ARIA_LABEL,\n} from './constants.js';\nimport { SparklineRenderer } from './SparklineRenderer.js';\nimport { SparklineContainerHeightFontSize } from './types/sparkline-container-height.js';\nimport type { SparklineDisplayProps } from './types/sparkline-display-props.js';\nimport { calculateArcRadius } from './utils/arc-radius.js';\nimport { getContextValueYPositions } from './utils/get-adjusted-context-value-y-position.js';\nimport { getContextValueLayout } from './utils/get-context-value-layout.js';\nimport { getFormattedContextValues } from './utils/get-formatted-context-values.js';\nimport { getShowContextValues } from './utils/get-show-context-values.js';\nimport { getSparklineHeight } from './utils/get-sparkline-height.js';\nimport { getSparklineXScale } from './utils/get-sparkline-x-scale.js';\nimport { getSparklineYScale } from './utils/get-sparkline-y-scale.js';\nimport { getXAxisConfig } from './utils/get-x-axis-config.js';\nimport { mapContainerHeightToVariant } from './utils/map-container-height-to-variant.js';\nimport { sanitizeSparklineData } from './utils/sanitize-sparkline-data.js';\nimport { calculateStrokeWidth } from './utils/stroke-width.js';\nimport { mapToThresholdsIndicators } from './utils/threshold-indicators.js';\nimport { useCurrentTheme } from '../../../../core/hooks/useCurrentTheme.js';\nimport { useObserveContainerSize } from '../../hooks/useObserveContainerSize.js';\nimport { Timeseries } from '../../types/timeseries.js';\nimport { getFormattedTicks } from '../../utils/formatter-by-ticks.js';\nimport { getValidColor } from '../../utils/getValidColor.js';\nimport { getHorizontalNumTicks } from '../../utils/ticks.js';\nimport { TimeBottomAxis } from '../axes/components/TimeBottomAxis.js';\nimport { Canvas } from '../canvas/Canvas.js';\nimport { CanvasContext } from '../canvas/CanvasContext.js';\nimport type { CanvasShape } from '../canvas/types/canvas-shape.js';\nimport { createCanvasGradient } from '../canvas/utils/create-canvas-gradient.js';\nimport {\n  DEFAULT_STROKE_COLOR,\n  DEFAULT_STROKE_WIDTH,\n} from '../grid/GridLine.js';\nimport { ThresholdIndicator } from '../threshold-bar/indicators/ThresholdIndicator.js';\n\ninterface SparklineContainerProps extends SparklineDisplayProps {\n  data: Timeseries;\n}\n\n/** Clamps a context value Y position within the sparkline height bounds. */\nfunction getYPosition(height: number, adjustedY: number): number {\n  return Math.max(0, Math.min(height, adjustedY));\n}\n\n/**\n * SparklineContainer component\n */\nexport const SparklineContainer = (props: SparklineContainerProps) => {\n  const {\n    data,\n    color,\n    variant = 'line',\n    showTicks = false,\n    thresholds = [],\n    gapPolicy = 'connect',\n    showContextValues = DEFAULT_SHOW_CONTEXT_VALUES,\n    curve,\n    ticksColor,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    className,\n    style: consumerStyle,\n    labelsAlignment = 'left',\n    labelsFixedWidth,\n  } = props;\n\n  const [containerDimension, sizeObserverRef] = useObserveContainerSize();\n\n  const theme = useCurrentTheme();\n\n  const shouldShowTicks = showTicks && containerDimension.height >= 40;\n\n  const { width: containerWidth } = containerDimension;\n\n  const xAxis = getXAxisConfig(props.xAxis);\n  const yAxis = {\n    ...defaultYAxisConfig,\n    ...props.yAxis,\n  };\n\n  const { sanitizedSeries, domainValues } = sanitizeSparklineData(\n    data,\n    gapPolicy,\n    xAxis,\n  );\n\n  const { showContextMin, showContextMax } = showContextValues\n    ? getShowContextValues(yAxis, domainValues)\n    : { showContextMin: false, showContextMax: false };\n\n  const height = getSparklineHeight(containerDimension.height, shouldShowTicks);\n\n  const isBarVariant = variant === 'bar';\n\n  const yScale = getSparklineYScale(domainValues, height, yAxis, isBarVariant);\n\n  const { formattedContextMaxValue, formattedContextMinValue } =\n    getFormattedContextValues({\n      unit: data?.unit,\n      formatter: props.yAxis?.formatter,\n      domainValues,\n    });\n\n  const { chartLeftOffset, chartWidth } = getContextValueLayout({\n    containerHeight: containerDimension.height,\n    containerWidth,\n    showContextValues,\n    formattedContextMaxValue,\n    formattedContextMinValue,\n    labelsAlignment,\n    labelsFixedWidth,\n  });\n\n  const strokeWidth = calculateStrokeWidth(height, chartWidth);\n  const arcRadius = calculateArcRadius(height, chartWidth);\n\n  const xScale = getSparklineXScale(\n    sanitizedSeries,\n    chartWidth,\n    strokeWidth / 2,\n    isBarVariant,\n  );\n\n  const horizontalNumTicks = getHorizontalNumTicks(chartWidth);\n  const { ticks, formattedTicks } = getFormattedTicks(\n    horizontalNumTicks,\n    xScale,\n    undefined,\n    undefined,\n  );\n\n  const thresholdIndicators = mapToThresholdsIndicators(\n    thresholds,\n    chartWidth,\n    height,\n    xScale,\n    yScale,\n  );\n\n  const validatedColor = getValidColor(color, DEFAULT_SCALE_FALLBACK_COLOR);\n\n  const [min, max] = yScale.domain();\n  const displayZeroLine = min <= 0 && max >= 0;\n  const zeroLineYPos = yScale(0) ?? -1;\n\n  // Dashed lines sit at the raw data y-positions; text labels are pushed apart\n  // if their text boxes would overlap, without moving the dashed lines.\n  const rawMinY = yScale(domainValues.min);\n  const rawMaxY = yScale(domainValues.max);\n\n  const containerHeight = mapContainerHeightToVariant(\n    containerDimension.height,\n  );\n\n  const fontSize =\n    containerDimension.height >= FONT_SIZE_BREAKING_POINT\n      ? SparklineContainerHeightFontSize.GREATER_OR_EQUAL_32\n      : SparklineContainerHeightFontSize.SMALLER_THAN_32;\n\n  const minLabelsDistance =\n    fontSize === SparklineContainerHeightFontSize.GREATER_OR_EQUAL_32\n      ? CONTEXT_VALUE_MIN_LABELS_DISTANCE_LARGE\n      : CONTEXT_VALUE_MIN_LABELS_DISTANCE_SMALL;\n\n  const maxTextOffset = CONTEXT_VALUE_TEXT_OFFSET_MAX;\n  const minTextOffset =\n    fontSize === SparklineContainerHeightFontSize.SMALLER_THAN_32\n      ? CONTEXT_VALUE_TEXT_OFFSET_MIN_SMALL\n      : CONTEXT_VALUE_TEXT_OFFSET_MIN_LARGE;\n\n  const { adjustedMinLabelY, adjustedMaxLabelY } = getContextValueYPositions({\n    rawMinY,\n    rawMaxY,\n    showContextMin,\n    showContextMax,\n    minLabelsDistance,\n    minTextOffset,\n    maxTextOffset,\n    chartHeight: height,\n  });\n\n  return (\n    <div\n      style={{ height: '100%' }}\n      className={className}\n      ref={sizeObserverRef}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-label={SPARKLINE_ARIA_LABEL}\n      role=\"img\"\n    >\n      <div\n        style={{\n          transform: `translate(${chartLeftOffset}px)`,\n          display: 'flex',\n          flexDirection: 'column',\n        }}\n      >\n        <svg\n          width={chartWidth}\n          height={height}\n          style={{ position: 'absolute' }}\n        >\n          {displayZeroLine && (\n            <line\n              x1={0}\n              y1={zeroLineYPos}\n              x2={chartWidth}\n              y2={zeroLineYPos}\n              stroke={DEFAULT_STROKE_COLOR}\n              strokeWidth={DEFAULT_STROKE_WIDTH}\n              shapeRendering=\"crispEdges\"\n              data-testid=\"sparkline-zero-baseline\"\n            />\n          )}\n          {thresholdIndicators.length > 0 &&\n            thresholdIndicators.map(\n              ({ id, indicatorData, color, strokeOnly }) => (\n                <ThresholdIndicator\n                  key={`threshold-indicator-${id}`}\n                  data={indicatorData}\n                  color={color}\n                  strokeOnly={strokeOnly}\n                  isActive={false}\n                />\n              ),\n            )}\n        </svg>\n        <div style={{ position: 'absolute', ...consumerStyle }}>\n          <CanvasContext.Provider\n            value={{\n              shapeRefs: new Map<string, MutableRefObject<CanvasShape>>(),\n            }}\n          >\n            <Canvas width={containerWidth} height={height}>\n              <SparklineRenderer\n                data={sanitizedSeries.datapoints}\n                width={chartWidth}\n                height={height}\n                xScale={xScale}\n                yScale={yScale}\n                strokeColor={validatedColor}\n                fillColor={createCanvasGradient({\n                  height,\n                  color: validatedColor,\n                  domain: yScale.domain(),\n                  theme,\n                })}\n                variant={variant}\n                strokeWidth={strokeWidth}\n                radius={arcRadius}\n                curve={curve}\n                gapPolicy={gapPolicy}\n              />\n            </Canvas>\n          </CanvasContext.Provider>\n\n          {shouldShowTicks && (\n            <TimeBottomAxis\n              ticks={ticks}\n              tickColor={ticksColor}\n              formattedTicks={formattedTicks}\n              scale={xScale}\n              containerHeight={AXIS_HEIGHT}\n              containerWidth={chartWidth - 16}\n            />\n          )}\n        </div>\n      </div>\n\n      {showContextMin && (\n        <ContextValueIndicator\n          formattedValue={formattedContextMinValue}\n          dottedLineWidth={chartWidth}\n          labelsFixedWidth={labelsFixedWidth}\n          yPosition={getYPosition(height, rawMinY)}\n          labelYPosition={adjustedMinLabelY}\n          containerHeight={containerHeight}\n          fontSize={fontSize}\n          labelsAlignment={labelsAlignment}\n          chartLeftOffset={chartLeftOffset}\n          color={ticksColor}\n          sparklineHeight={height}\n        />\n      )}\n      {showContextMax && (\n        <ContextValueIndicator\n          formattedValue={formattedContextMaxValue}\n          dottedLineWidth={chartWidth}\n          yPosition={getYPosition(height, rawMaxY)}\n          labelYPosition={adjustedMaxLabelY}\n          containerHeight={containerHeight}\n          fontSize={fontSize}\n          labelsAlignment={labelsAlignment}\n          chartLeftOffset={chartLeftOffset}\n          labelsFixedWidth={labelsFixedWidth}\n          color={ticksColor}\n          sparklineHeight={height}\n          isMax\n        />\n      )}\n    </div>\n  );\n};\n\nSparklineContainer['displayName'] = 'SparklineContainer';\n"],
+  "mappings": "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",
   "names": ["color"]
 }

package/esm/charts/core/components/text-ellipsis/ChartTextEllipsis.css

@@ -1,4 +1,4 @@
-._ix5ox20-3-7-0 {
+._ix5ox20-3-8-0 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,25 +9,25 @@
   text-decoration: inherit;
   width: 100%;
 }
-._ix5ox21-3-7-0 {
+._ix5ox21-3-8-0 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._ix5ox21-3-7-0::after, ._ix5ox21-3-7-0::before {
+._ix5ox21-3-8-0::after, ._ix5ox21-3-8-0::before {
   content: "‎";
 }
-._ix5ox22-3-7-0 {
+._ix5ox22-3-8-0 {
   text-overflow: ellipsis;
 }
-._ix5ox24-3-7-0 {
+._ix5ox24-3-8-0 {
   position: relative;
   width: 100%;
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
 }
-._ix5ox24-3-7-0::after {
+._ix5ox24-3-8-0::after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -36,7 +36,7 @@
   user-select: none;
   overflow: hidden;
 }
-._ix5ox25-3-7-0 {
+._ix5ox25-3-8-0 {
   white-space: nowrap;
   display: block;
   overflow: hidden;

package/esm/charts/core/components/text-ellipsis/ChartTextEllipsis.sty.js

@@ -1,8 +1,8 @@
 import "./ChartTextEllipsis.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var ellipsis = _7a468({ defaultClassName: "_ix5ox20-3-7-0", variantClassNames: { truncationMode: { start: "_ix5ox21-3-7-0", end: "_ix5ox22-3-7-0", middle: "_ix5ox23-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
-var truncationContainer = "_ix5ox24-3-7-0";
-var truncationText = "_ix5ox25-3-7-0";
+var ellipsis = _7a468({ defaultClassName: "_ix5ox20-3-8-0", variantClassNames: { truncationMode: { start: "_ix5ox21-3-8-0", end: "_ix5ox22-3-8-0", middle: "_ix5ox23-3-8-0" } }, defaultVariants: {}, compoundVariants: [] });
+var truncationContainer = "_ix5ox24-3-8-0";
+var truncationText = "_ix5ox25-3-8-0";
 export {
   ellipsis,
   truncationContainer,

package/esm/charts/core/components/text-ellipsis/ChartTextEllipsis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/core/components/text-ellipsis/ChartTextEllipsis.css.ts"],
-  "sourcesContent": ["import './ChartTextEllipsis.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ellipsis = _7a468({defaultClassName:'_ix5ox20-3-7-0',variantClassNames:{truncationMode:{start:'_ix5ox21-3-7-0',end:'_ix5ox22-3-7-0',middle:'_ix5ox23-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var truncationContainer = '_ix5ox24-3-7-0';\nexport var truncationText = '_ix5ox25-3-7-0';"],
+  "sourcesContent": ["import './ChartTextEllipsis.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ellipsis = _7a468({defaultClassName:'_ix5ox20-3-8-0',variantClassNames:{truncationMode:{start:'_ix5ox21-3-8-0',end:'_ix5ox22-3-8-0',middle:'_ix5ox23-3-8-0'}},defaultVariants:{},compoundVariants:[]});\nexport var truncationContainer = '_ix5ox24-3-8-0';\nexport var truncationText = '_ix5ox25-3-8-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,WAAW,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,gBAAe,EAAC,OAAM,kBAAiB,KAAI,kBAAiB,QAAO,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzM,IAAI,sBAAsB;AAC1B,IAAI,iBAAiB;",
   "names": []
 }