npm - @dynatrace/strato-components - Versions diffs - 3.4.1 → 3.5.2 - Mend

@dynatrace/strato-components 3.4.1 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2312) hide show

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.css CHANGED Viewed

@@ -1,4 +1,4 @@
-._mt8v6g0-3-4-1 {
+._mt8v6g0-3-5-2 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -19,23 +19,23 @@
   padding: var(--dt-spacings-size-2, 2px);
   width: fit-content;
 }
-._mt8v6g1-3-4-1 {
+._mt8v6g1-3-5-2 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._mt8v6g1-3-4-1:disabled {
+._mt8v6g1-3-5-2:disabled {
   cursor: auto;
 }
-._mt8v6g2-3-4-1 {
+._mt8v6g2-3-5-2 {
   cursor: pointer;
 }
-._mt8v6g2-3-4-1:hover {
+._mt8v6g2-3-5-2:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._mt8v6g3-3-4-1 {
+._mt8v6g3-3-5-2 {
   cursor: auto;
 }
-._mt8v6g4-3-4-1 {
+._mt8v6g4-3-5-2 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-0, 0);
   min-width: var(--dt-spacings-size-20, 20px);
@@ -45,27 +45,27 @@
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   line-height: var(--dt-typography-text-small-emphasized-line-height, 1.333333333);
 }
-._mt8v6g4-3-4-1:hover {
+._mt8v6g4-3-5-2:hover {
   cursor: auto;
 }
-._mt8v6g5-3-4-1:hover {
+._mt8v6g5-3-5-2:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
   cursor: pointer;
 }
-._mt8v6g6-3-4-1:hover {
+._mt8v6g6-3-5-2:hover {
   background-color: unset;
   cursor: auto;
 }
-._mt8v6g7-3-4-1 {
+._mt8v6g7-3-5-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._mt8v6g8-3-4-1 {
+._mt8v6g8-3-5-2 {
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._mt8v6g4-3-4-1 > .button-children {
+._mt8v6g4-3-5-2 > .button-children {
   flex-grow: 1;
 }
-._mt8v6g9-3-4-1 {
+._mt8v6g9-3-5-2 {
   line-height: 2;
   white-space: nowrap;
   display: flex;
@@ -74,10 +74,10 @@
   flex-shrink: 1;
   height: var(--dt-spacings-size-20, 20px);
 }
-._mt8v6g9-3-4-1 > ._mt8v6g1-3-4-1 {
+._mt8v6g9-3-5-2 > ._mt8v6g1-3-5-2 {
   flex: 0 0 auto;
 }
-._mt8v6ga-3-4-1 {
+._mt8v6ga-3-5-2 {
   flex: 1 1 auto;
   white-space: nowrap;
   display: flex;
@@ -85,7 +85,7 @@
   overflow: hidden;
   padding-right: var(--dt-spacings-size-4, 4px);
 }
-._mt8v6gb-3-4-1 {
+._mt8v6gb-3-5-2 {
   flex-shrink: 1;
   text-align: left;
   overflow: hidden;

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.sty.js CHANGED Viewed

@@ -2,12 +2,12 @@ import "../../../../../../../core/styles/focusRingStatic.css";
 import "./ChartLegendItem.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
 var ItemFontStyles = { fontWeight: "var(--dt-typography-text-small-emphasized-weight, 500)", fontSize: "var(--dt-typography-text-small-emphasized-size, 12px)", fontFamily: "var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)", lineHeight: "var(--dt-typography-text-small-emphasized-line-height, 1.333333333)" };
-var baseLegendButton = "_mt8v6g0-3-4-1 _z0fq9b4-3-4-1 _z0fq9bc-3-4-1 _z0fq9b6-3-4-1 _z0fq9b8-3-4-1";
-var legendItem = "_mt8v6g9-3-4-1";
-var legendItemButton = _7a468({ defaultClassName: "_mt8v6g1-3-4-1", variantClassNames: { isInteractive: { true: "_mt8v6g2-3-4-1", false: "_mt8v6g3-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendNameButton = _7a468({ defaultClassName: "_mt8v6g4-3-4-1", variantClassNames: { isInteractive: { true: "_mt8v6g5-3-4-1", false: "_mt8v6g6-3-4-1" }, isSubdued: { true: "_mt8v6g7-3-4-1", false: "_mt8v6g8-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendNameButtonOverride = "_mt8v6gb-3-4-1";
-var legendNameWrapper = "_mt8v6ga-3-4-1";
+var baseLegendButton = "_mt8v6g0-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2";
+var legendItem = "_mt8v6g9-3-5-2";
+var legendItemButton = _7a468({ defaultClassName: "_mt8v6g1-3-5-2", variantClassNames: { isInteractive: { true: "_mt8v6g2-3-5-2", false: "_mt8v6g3-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendNameButton = _7a468({ defaultClassName: "_mt8v6g4-3-5-2", variantClassNames: { isInteractive: { true: "_mt8v6g5-3-5-2", false: "_mt8v6g6-3-5-2" }, isSubdued: { true: "_mt8v6g7-3-5-2", false: "_mt8v6g8-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendNameButtonOverride = "_mt8v6gb-3-5-2";
+var legendNameWrapper = "_mt8v6ga-3-5-2";
 export {
   ItemFontStyles,
   baseLegendButton,

package/esm/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendItem/ChartLegendItem.css.ts"],
-  "sourcesContent": ["import '../../../../../../../core/styles/focusRingStatic.css';\nimport './ChartLegendItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ItemFontStyles = {fontWeight:'var(--dt-typography-text-small-emphasized-weight, 500)',fontSize:'var(--dt-typography-text-small-emphasized-size, 12px)',fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',lineHeight:'var(--dt-typography-text-small-emphasized-line-height, 1.333333333)'};\nexport var baseLegendButton = '_mt8v6g0-3-4-1 _z0fq9b4-3-4-1 _z0fq9bc-3-4-1 _z0fq9b6-3-4-1 _z0fq9b8-3-4-1';\nexport var legendItem = '_mt8v6g9-3-4-1';\nexport var legendItemButton = _7a468({defaultClassName:'_mt8v6g1-3-4-1',variantClassNames:{isInteractive:{true:'_mt8v6g2-3-4-1',false:'_mt8v6g3-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButton = _7a468({defaultClassName:'_mt8v6g4-3-4-1',variantClassNames:{isInteractive:{true:'_mt8v6g5-3-4-1',false:'_mt8v6g6-3-4-1'},isSubdued:{true:'_mt8v6g7-3-4-1',false:'_mt8v6g8-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButtonOverride = '_mt8v6gb-3-4-1';\nexport var legendNameWrapper = '_mt8v6ga-3-4-1';"],
+  "sourcesContent": ["import '../../../../../../../core/styles/focusRingStatic.css';\nimport './ChartLegendItem.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var ItemFontStyles = {fontWeight:'var(--dt-typography-text-small-emphasized-weight, 500)',fontSize:'var(--dt-typography-text-small-emphasized-size, 12px)',fontFamily:'var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif)',lineHeight:'var(--dt-typography-text-small-emphasized-line-height, 1.333333333)'};\nexport var baseLegendButton = '_mt8v6g0-3-5-2 _z0fq9b4-3-5-2 _z0fq9bd-3-5-2 _z0fq9b6-3-5-2 _z0fq9b9-3-5-2';\nexport var legendItem = '_mt8v6g9-3-5-2';\nexport var legendItemButton = _7a468({defaultClassName:'_mt8v6g1-3-5-2',variantClassNames:{isInteractive:{true:'_mt8v6g2-3-5-2',false:'_mt8v6g3-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButton = _7a468({defaultClassName:'_mt8v6g4-3-5-2',variantClassNames:{isInteractive:{true:'_mt8v6g5-3-5-2',false:'_mt8v6g6-3-5-2'},isSubdued:{true:'_mt8v6g7-3-5-2',false:'_mt8v6g8-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendNameButtonOverride = '_mt8v6gb-3-5-2';\nexport var legendNameWrapper = '_mt8v6ga-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB,EAAC,YAAW,0DAAyD,UAAS,yDAAwD,YAAW,6FAA4F,YAAW,sEAAqE;AAClV,IAAI,mBAAmB;AACvB,IAAI,aAAa;AACjB,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzL,IAAI,mBAAmB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,GAAE,WAAU,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClP,IAAI,2BAA2B;AAC/B,IAAI,oBAAoB;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css CHANGED Viewed

@@ -1,10 +1,10 @@
-._yo3l7h0-3-4-1 {
+._yo3l7h0-3-5-2 {
   padding: var(--dt-spacings-size-2, 2px);
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._yo3l7h1-3-4-1 {
+._yo3l7h1-3-5-2 {
   visibility: visible;
 }
-._yo3l7h2-3-4-1 {
+._yo3l7h2-3-5-2 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./ChartLegendSeriesActions.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-4-1", variantClassNames: { visible: { true: "_yo3l7h1-3-4-1", false: "_yo3l7h2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var seriesButton = _7a468({ defaultClassName: "_yo3l7h0-3-5-2", variantClassNames: { visible: { true: "_yo3l7h1-3-5-2", false: "_yo3l7h2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   seriesButton
 };

package/esm/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/categorical/components/ChartLegendSeriesActions/ChartLegendSeriesActions.css.ts"],
-  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-4-1',variantClassNames:{visible:{true:'_yo3l7h1-3-4-1',false:'_yo3l7h2-3-4-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChartLegendSeriesActions.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var seriesButton = _7a468({defaultClassName:'_yo3l7h0-3-5-2',variantClassNames:{visible:{true:'_yo3l7h1-3-5-2',false:'_yo3l7h2-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css CHANGED Viewed

@@ -1,30 +1,30 @@
-._igjrsj0-3-4-1 {
+._igjrsj0-3-5-2 {
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
 }
-._igjrsj1-3-4-1 {
+._igjrsj1-3-5-2 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._igjrsj2-3-4-1 {
+._igjrsj2-3-5-2 {
   margin-left: var(--dt-spacings-size-2, 2px);
 }
-._igjrsj3-3-4-1 {
+._igjrsj3-3-5-2 {
   position: relative;
 }
-._igjrsj4-3-4-1 {
+._igjrsj4-3-5-2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
 }
-._igjrsj5-3-4-1 {
+._igjrsj5-3-5-2 {
   display: grid;
 }
-._igjrsj6-3-4-1 {
+._igjrsj6-3-5-2 {
   margin-top: var(--dt-spacings-size-8, 8px);
 }
-._igjrsj7-3-4-1 {
+._igjrsj7-3-5-2 {
   margin-top: var(--dt-spacings-size-0, 0);
 }

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import "./ChartVirtualizedLegendGrid.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-4-1", variantClassNames: { layout: { horizontal: "_igjrsj1-3-4-1", vertical: "_igjrsj2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-4-1", variantClassNames: { layout: { horizontal: "_igjrsj6-3-4-1", vertical: "_igjrsj7-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
-var virtualizedGrid = "_igjrsj3-3-4-1";
-var virtualizedRow = "_igjrsj4-3-4-1";
+var legendContent = _7a468({ defaultClassName: "_igjrsj0-3-5-2", variantClassNames: { layout: { horizontal: "_igjrsj1-3-5-2", vertical: "_igjrsj2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var legendGrid = _7a468({ defaultClassName: "_igjrsj5-3-5-2", variantClassNames: { layout: { horizontal: "_igjrsj6-3-5-2", vertical: "_igjrsj7-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
+var virtualizedGrid = "_igjrsj3-3-5-2";
+var virtualizedRow = "_igjrsj4-3-5-2";
 export {
   legendContent,
   legendGrid,

package/esm/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/charts/core/components/legend/categorical/components/ChartVirtualizedLegendGrid.css.ts"],
-  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-4-1',variantClassNames:{layout:{horizontal:'_igjrsj1-3-4-1',vertical:'_igjrsj2-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-4-1',variantClassNames:{layout:{horizontal:'_igjrsj6-3-4-1',vertical:'_igjrsj7-3-4-1'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-4-1';\nexport var virtualizedRow = '_igjrsj4-3-4-1';"],
+  "sourcesContent": ["import './ChartVirtualizedLegendGrid.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContent = _7a468({defaultClassName:'_igjrsj0-3-5-2',variantClassNames:{layout:{horizontal:'_igjrsj1-3-5-2',vertical:'_igjrsj2-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var legendGrid = _7a468({defaultClassName:'_igjrsj5-3-5-2',variantClassNames:{layout:{horizontal:'_igjrsj6-3-5-2',vertical:'_igjrsj7-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var virtualizedGrid = '_igjrsj3-3-5-2';\nexport var virtualizedRow = '_igjrsj4-3-5-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,QAAO,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACxL,IAAI,aAAa,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,QAAO,EAAC,YAAW,kBAAiB,UAAS,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACrL,IAAI,kBAAkB;AACtB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/charts/core/components/legend/range/RangeLegend.css CHANGED Viewed

@@ -1,13 +1,13 @@
-._lvrd9i0-3-4-1 {
+._lvrd9i0-3-5-2 {
   display: flex;
   align-items: center;
   padding: var(--dt-spacings-size-8, 8px);
   box-sizing: border-box;
   margin: 0 auto;
 }
-._lvrd9i1-3-4-1 {
+._lvrd9i1-3-5-2 {
   flex-direction: row;
 }
-._lvrd9i2-3-4-1 {
+._lvrd9i2-3-5-2 {
   flex-direction: column;
 }

package/esm/charts/core/components/legend/range/RangeLegend.js CHANGED Viewed

@@ -16,8 +16,8 @@ import { legendContainer } from "./RangeLegend.sty.js";
 import { getLegendScale } from "./utils/get-legend-scale.js";
 import { mapToInternalRangeItems } from "./utils/map-to-internal-range-items.js";
 import { Flex } from "../../../../../layouts/flex/Flex.js";
+import { ORIENTATION } from "../../../constants.js";
 import { useChartLayoutRatio } from "../../chart-layout/hooks/useChartLayoutRatio.js";
-import { ORIENTATION } from "../../chart-layout/types/constants.js";
 import { useLegendSize } from "../shared/context/LegendSizeContext.js";
 const RangeLegend = (props) => {
   const {

package/esm/charts/core/components/legend/range/RangeLegend.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/range/RangeLegend.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\n\n\nimport { RangeLegendMarkers } from './components/RangeLegendMarkers/RangeLegendMarkers.js';\nimport { RangeLegendSegments } from './components/RangeLegendSegments/RangeLegendSegments.js';\nimport {\n  CONTAINER_PADDING,\n  DEFAULT_CONTAINER_SIZE,\n  DEFAULT_FORMATTER,\n  DEFAULT_TRUNCATION_MODE,\n  MAX_LEGEND_HEIGHT,\n  MAX_LEGEND_WIDTH,\n  RANGE_LEGEND_CLASS,\n} from './constants.js';\nimport { RangeLegendProviders } from './providers/RangeLegendProviders.js';\nimport { legendContainer } from './RangeLegend.sty.js';\nimport type { RangeLegendProps } from './types/range-legend.js';\nimport { getLegendScale } from './utils/get-legend-scale.js';\nimport { mapToInternalRangeItems } from './utils/map-to-internal-range-items.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { useChartLayoutRatio } from '../../chart-layout/hooks/useChartLayoutRatio.js';\nimport { ORIENTATION } from '../../chart-layout/types/constants.js';\nimport { useLegendSize } from '../shared/context/LegendSizeContext.js';\n\n/**\n * @internal\n */\nexport const RangeLegend = (props: RangeLegendProps) => {\n  const {\n    items,\n    orientation = ORIENTATION.Horizontal,\n    formatter = DEFAULT_FORMATTER,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    min,\n    max,\n  } = props;\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { width, height } = useLegendSize();\n  const { legendRef } = useChartLayoutRatio();\n\n  const internalRangeItems = mapToInternalRangeItems(items);\n\n  if (!internalRangeItems.length) {\n    return null;\n  }\n\n  const legendHeight = Math.max(height, DEFAULT_CONTAINER_SIZE);\n  const legendWidth = Math.max(width, DEFAULT_CONTAINER_SIZE);\n\n  const containerLegendHeight = legendHeight - CONTAINER_PADDING;\n  const containerLegendWidth = legendWidth - CONTAINER_PADDING;\n\n  const containerSize = isVertical\n    ? Math.min(containerLegendHeight, MAX_LEGEND_HEIGHT)\n    : Math.min(containerLegendWidth, MAX_LEGEND_WIDTH);\n\n  const scale = getLegendScale(\n    internalRangeItems,\n    containerSize,\n    isVertical,\n    min,\n    max,\n  );\n\n  return (\n    <RangeLegendProviders\n      formatter={formatter}\n      orientation={orientation}\n      scale={scale}\n      truncationMode={truncationMode}\n    >\n      <div\n        ref={legendRef}\n        className={clsx(legendContainer({ isVertical }), RANGE_LEGEND_CLASS)}\n        style={{\n          width: `${legendWidth}px`,\n          height: `${legendHeight}px`,\n        }}\n      >\n        <Flex\n          width={`${containerLegendWidth}px`}\n          height={`${containerLegendHeight}px`}\n          maxWidth={MAX_LEGEND_WIDTH}\n          maxHeight={MAX_LEGEND_HEIGHT}\n          style={{ position: 'relative' }}\n        >\n          <RangeLegendSegments\n            items={internalRangeItems}\n            maxValue={max}\n            minValue={min}\n          />\n          <RangeLegendMarkers\n            items={internalRangeItems}\n            maxValue={max}\n            minValue={min}\n          />\n        </Flex>\n      </div>\n    </RangeLegendProviders>\n  );\n};\n"],
-  "mappings": "AAiFQ,SAOE,KAPF;AAjFR,OAAO,UAAU;AAGjB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,YAAY;AACrB,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAKvB,MAAM,cAAc,CAAC,UAA4B;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,YAAY;AAAA,IAC1B,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,EAAE,OAAO,OAAO,IAAI,cAAc;AACxC,QAAM,EAAE,UAAU,IAAI,oBAAoB;AAE1C,QAAM,qBAAqB,wBAAwB,KAAK;AAExD,MAAI,CAAC,mBAAmB,QAAQ;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,KAAK,IAAI,QAAQ,sBAAsB;AAC5D,QAAM,cAAc,KAAK,IAAI,OAAO,sBAAsB;AAE1D,QAAM,wBAAwB,eAAe;AAC7C,QAAM,uBAAuB,cAAc;AAE3C,QAAM,gBAAgB,aAClB,KAAK,IAAI,uBAAuB,iBAAiB,IACjD,KAAK,IAAI,sBAAsB,gBAAgB;AAEnD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,KAAK,gBAAgB,EAAE,WAAW,CAAC,GAAG,kBAAkB;AAAA,UACnE,OAAO;AAAA,YACL,OAAO,GAAG,WAAW;AAAA,YACrB,QAAQ,GAAG,YAAY;AAAA,UACzB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,GAAG,oBAAoB;AAAA,cAC9B,QAAQ,GAAG,qBAAqB;AAAA,cAChC,UAAU;AAAA,cACV,WAAW;AAAA,cACX,OAAO,EAAE,UAAU,WAAW;AAAA,cAE9B;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,oBACP,UAAU;AAAA,oBACV,UAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,oBACP,UAAU;AAAA,oBACV,UAAU;AAAA;AAAA,gBACZ;AAAA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import clsx from 'clsx';\n\nimport { RangeLegendMarkers } from './components/RangeLegendMarkers/RangeLegendMarkers.js';\nimport { RangeLegendSegments } from './components/RangeLegendSegments/RangeLegendSegments.js';\nimport {\n  CONTAINER_PADDING,\n  DEFAULT_CONTAINER_SIZE,\n  DEFAULT_FORMATTER,\n  DEFAULT_TRUNCATION_MODE,\n  MAX_LEGEND_HEIGHT,\n  MAX_LEGEND_WIDTH,\n  RANGE_LEGEND_CLASS,\n} from './constants.js';\nimport { RangeLegendProviders } from './providers/RangeLegendProviders.js';\nimport { legendContainer } from './RangeLegend.sty.js';\nimport type { RangeLegendProps } from './types/range-legend.js';\nimport { getLegendScale } from './utils/get-legend-scale.js';\nimport { mapToInternalRangeItems } from './utils/map-to-internal-range-items.js';\nimport { Flex } from '../../../../../layouts/flex/Flex.js';\nimport { ORIENTATION } from '../../../constants.js';\nimport { useChartLayoutRatio } from '../../chart-layout/hooks/useChartLayoutRatio.js';\nimport { useLegendSize } from '../shared/context/LegendSizeContext.js';\n\n/**\n * @internal\n */\nexport const RangeLegend = (props: RangeLegendProps) => {\n  const {\n    items,\n    orientation = ORIENTATION.Horizontal,\n    formatter = DEFAULT_FORMATTER,\n    truncationMode = DEFAULT_TRUNCATION_MODE,\n    min,\n    max,\n  } = props;\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { width, height } = useLegendSize();\n  const { legendRef } = useChartLayoutRatio();\n\n  const internalRangeItems = mapToInternalRangeItems(items);\n\n  if (!internalRangeItems.length) {\n    return null;\n  }\n\n  const legendHeight = Math.max(height, DEFAULT_CONTAINER_SIZE);\n  const legendWidth = Math.max(width, DEFAULT_CONTAINER_SIZE);\n\n  const containerLegendHeight = legendHeight - CONTAINER_PADDING;\n  const containerLegendWidth = legendWidth - CONTAINER_PADDING;\n\n  const containerSize = isVertical\n    ? Math.min(containerLegendHeight, MAX_LEGEND_HEIGHT)\n    : Math.min(containerLegendWidth, MAX_LEGEND_WIDTH);\n\n  const scale = getLegendScale(\n    internalRangeItems,\n    containerSize,\n    isVertical,\n    min,\n    max,\n  );\n\n  return (\n    <RangeLegendProviders\n      formatter={formatter}\n      orientation={orientation}\n      scale={scale}\n      truncationMode={truncationMode}\n    >\n      <div\n        ref={legendRef}\n        className={clsx(legendContainer({ isVertical }), RANGE_LEGEND_CLASS)}\n        style={{\n          width: `${legendWidth}px`,\n          height: `${legendHeight}px`,\n        }}\n      >\n        <Flex\n          width={`${containerLegendWidth}px`}\n          height={`${containerLegendHeight}px`}\n          maxWidth={MAX_LEGEND_WIDTH}\n          maxHeight={MAX_LEGEND_HEIGHT}\n          style={{ position: 'relative' }}\n        >\n          <RangeLegendSegments\n            items={internalRangeItems}\n            maxValue={max}\n            minValue={min}\n          />\n          <RangeLegendMarkers\n            items={internalRangeItems}\n            maxValue={max}\n            minValue={min}\n          />\n        </Flex>\n      </div>\n    </RangeLegendProviders>\n  );\n};\n"],
+  "mappings": "AAgFQ,SAOE,KAPF;AAhFR,OAAO,UAAU;AAEjB,SAAS,0BAA0B;AACnC,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB;AAC/B,SAAS,+BAA+B;AACxC,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAKvB,MAAM,cAAc,CAAC,UAA4B;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc,YAAY;AAAA,IAC1B,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,EAAE,OAAO,OAAO,IAAI,cAAc;AACxC,QAAM,EAAE,UAAU,IAAI,oBAAoB;AAE1C,QAAM,qBAAqB,wBAAwB,KAAK;AAExD,MAAI,CAAC,mBAAmB,QAAQ;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,KAAK,IAAI,QAAQ,sBAAsB;AAC5D,QAAM,cAAc,KAAK,IAAI,OAAO,sBAAsB;AAE1D,QAAM,wBAAwB,eAAe;AAC7C,QAAM,uBAAuB,cAAc;AAE3C,QAAM,gBAAgB,aAClB,KAAK,IAAI,uBAAuB,iBAAiB,IACjD,KAAK,IAAI,sBAAsB,gBAAgB;AAEnD,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,KAAK,gBAAgB,EAAE,WAAW,CAAC,GAAG,kBAAkB;AAAA,UACnE,OAAO;AAAA,YACL,OAAO,GAAG,WAAW;AAAA,YACrB,QAAQ,GAAG,YAAY;AAAA,UACzB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,GAAG,oBAAoB;AAAA,cAC9B,QAAQ,GAAG,qBAAqB;AAAA,cAChC,UAAU;AAAA,cACV,WAAW;AAAA,cACX,OAAO,EAAE,UAAU,WAAW;AAAA,cAE9B;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,oBACP,UAAU;AAAA,oBACV,UAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,oBACP,UAAU;AAAA,oBACV,UAAU;AAAA;AAAA,gBACZ;AAAA;AAAA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/RangeLegend.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./RangeLegend.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-4-1", variantClassNames: { isVertical: { true: "_lvrd9i1-3-4-1", false: "_lvrd9i2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendContainer = _7a468({ defaultClassName: "_lvrd9i0-3-5-2", variantClassNames: { isVertical: { true: "_lvrd9i1-3-5-2", false: "_lvrd9i2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendContainer
 };

package/esm/charts/core/components/legend/range/RangeLegend.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/charts/core/components/legend/range/RangeLegend.css.ts"],
-  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-4-1',variantClassNames:{isVertical:{true:'_lvrd9i1-3-4-1',false:'_lvrd9i2-3-4-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegend.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendContainer = _7a468({defaultClassName:'_lvrd9i0-3-5-2',variantClassNames:{isVertical:{true:'_lvrd9i1-3-5-2',false:'_lvrd9i2-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,YAAW,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css CHANGED Viewed

@@ -1,6 +1,6 @@
-._klb1cs1-3-4-1 {
+._klb1cs1-3-5-2 {
   visibility: hidden;
 }
-._klb1cs2-3-4-1 {
+._klb1cs2-3-5-2 {
   visibility: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { boundaryLabel } from "./RangeLegendBoundaryLabel.sty.js";
-import { ORIENTATION } from "../../../../chart-layout/types/constants.js";
+import { ORIENTATION } from "../../../../../constants.js";
 import { charsFontWidth12pixelsSize500Map } from "../../../../text-ellipsis/chars-font-width-map.js";
 import {
   calculateWidth,

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.tsx"],
-  "sourcesContent": ["import { type SVGTextElementAttributes } from 'react';\n\nimport { boundaryLabel } from './RangeLegendBoundaryLabel.sty.js';\nimport { ORIENTATION } from '../../../../chart-layout/types/constants.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport {\n  calculateWidth,\n  TEXT_HEIGHT,\n} from '../../../../text-ellipsis/truncate-string.js';\nimport {\n  DEFAULT_LABEL_FONT_COLOR,\n  DEFAULT_LABEL_FONT_SIZE,\n  LABEL_FONT_WEIGHT,\n  LABEL_GAP,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\nimport type { LabelAlignment } from '../../types/range-legend.internal.js';\nimport { getHorizontalLabelPosition } from '../../utils/get-horizontal-label-position.js';\nimport { getVerticalLabelPosition } from '../../utils/get-vertical-label-position.js';\n\ninterface RangeLegendBoundaryLabelProps\n  extends SVGTextElementAttributes<SVGTextElement> {\n  alignment: LabelAlignment;\n  endPosition: number;\n  startPosition: number;\n  text: string;\n}\n\nexport const RangeLegendBoundaryLabel = (\n  props: RangeLegendBoundaryLabelProps,\n) => {\n  const { alignment, endPosition, startPosition, text, ...textProps } = props;\n\n  const { orientation } = useOrientation();\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n\n  const labelTextWidth = calculateWidth(text, charsFontWidth12pixelsSize500Map);\n  const labelTextHeight = TEXT_HEIGHT;\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { x: labelX, y: labelY } = !isVertical\n    ? getHorizontalLabelPosition(\n        labelTextWidth,\n        startPosition,\n        endPosition,\n        alignment,\n      )\n    : getVerticalLabelPosition(\n        labelTextHeight,\n        startPosition,\n        endPosition,\n        alignment,\n      );\n\n  const isMarkerShown = hoveredMarkerId !== null;\n\n  return (\n    <text\n      x={labelX + (isVertical ? LABEL_GAP : 0)}\n      y={labelY + (!isVertical ? LABEL_GAP : 0)}\n      fontSize={DEFAULT_LABEL_FONT_SIZE}\n      fontWeight={LABEL_FONT_WEIGHT}\n      fill={DEFAULT_LABEL_FONT_COLOR}\n      className={boundaryLabel({ isMarkerShown })}\n      role=\"listitem\"\n      aria-label={`Boundary ${text}`}\n      {...textProps}\n    >\n      {text}\n    </text>\n  );\n};\n"],
+  "sourcesContent": ["import { type SVGTextElementAttributes } from 'react';\n\nimport { boundaryLabel } from './RangeLegendBoundaryLabel.sty.js';\nimport { ORIENTATION } from '../../../../../constants.js';\nimport { charsFontWidth12pixelsSize500Map } from '../../../../text-ellipsis/chars-font-width-map.js';\nimport {\n  calculateWidth,\n  TEXT_HEIGHT,\n} from '../../../../text-ellipsis/truncate-string.js';\nimport {\n  DEFAULT_LABEL_FONT_COLOR,\n  DEFAULT_LABEL_FONT_SIZE,\n  LABEL_FONT_WEIGHT,\n  LABEL_GAP,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\nimport type { LabelAlignment } from '../../types/range-legend.internal.js';\nimport { getHorizontalLabelPosition } from '../../utils/get-horizontal-label-position.js';\nimport { getVerticalLabelPosition } from '../../utils/get-vertical-label-position.js';\n\ninterface RangeLegendBoundaryLabelProps\n  extends SVGTextElementAttributes<SVGTextElement> {\n  alignment: LabelAlignment;\n  endPosition: number;\n  startPosition: number;\n  text: string;\n}\n\nexport const RangeLegendBoundaryLabel = (\n  props: RangeLegendBoundaryLabelProps,\n) => {\n  const { alignment, endPosition, startPosition, text, ...textProps } = props;\n\n  const { orientation } = useOrientation();\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n\n  const labelTextWidth = calculateWidth(text, charsFontWidth12pixelsSize500Map);\n  const labelTextHeight = TEXT_HEIGHT;\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { x: labelX, y: labelY } = !isVertical\n    ? getHorizontalLabelPosition(\n        labelTextWidth,\n        startPosition,\n        endPosition,\n        alignment,\n      )\n    : getVerticalLabelPosition(\n        labelTextHeight,\n        startPosition,\n        endPosition,\n        alignment,\n      );\n\n  const isMarkerShown = hoveredMarkerId !== null;\n\n  return (\n    <text\n      x={labelX + (isVertical ? LABEL_GAP : 0)}\n      y={labelY + (!isVertical ? LABEL_GAP : 0)}\n      fontSize={DEFAULT_LABEL_FONT_SIZE}\n      fontWeight={LABEL_FONT_WEIGHT}\n      fill={DEFAULT_LABEL_FONT_COLOR}\n      className={boundaryLabel({ isMarkerShown })}\n      role=\"listitem\"\n      aria-label={`Boundary ${text}`}\n      {...textProps}\n    >\n      {text}\n    </text>\n  );\n};\n"],
   "mappings": "AA2DI;AAzDJ,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,wCAAwC;AACjD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAE9C,SAAS,kCAAkC;AAC3C,SAAS,gCAAgC;AAUlC,MAAM,2BAA2B,CACtC,UACG;AACH,QAAM,EAAE,WAAW,aAAa,eAAe,MAAM,GAAG,UAAU,IAAI;AAEtE,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,kBAAkB,8BAA8B;AAEtD,QAAM,iBAAiB,eAAe,MAAM,gCAAgC;AAC5E,QAAM,kBAAkB;AAExB,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,CAAC,aAC9B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IACA;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEJ,QAAM,gBAAgB,oBAAoB;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAG,UAAU,aAAa,YAAY;AAAA,MACtC,GAAG,UAAU,CAAC,aAAa,YAAY;AAAA,MACvC,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,cAAc,EAAE,cAAc,CAAC;AAAA,MAC1C,MAAK;AAAA,MACL,cAAY,YAAY,IAAI;AAAA,MAC3B,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./RangeLegendBoundaryLabel.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-4-1", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-4-1", false: "_klb1cs2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var boundaryLabel = _7a468({ defaultClassName: "_klb1cs0-3-5-2", variantClassNames: { isMarkerShown: { true: "_klb1cs1-3-5-2", false: "_klb1cs2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   boundaryLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendBoundaryLabel/RangeLegendBoundaryLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-4-1',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-4-1',false:'_klb1cs2-3-4-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendBoundaryLabel.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var boundaryLabel = _7a468({defaultClassName:'_klb1cs0-3-5-2',variantClassNames:{isMarkerShown:{true:'_klb1cs1-3-5-2',false:'_klb1cs2-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,eAAc,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css CHANGED Viewed

@@ -1,3 +1,3 @@
-._1itb2bi0-3-4-1 {
+._1itb2bi0-3-5-2 {
   overflow: visible;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { isUndefined } from "lodash-es";
 import { legendLabel } from "./RangeLegendItemLabel.sty.js";
-import { ORIENTATION } from "../../../../chart-layout/types/constants.js";
+import { ORIENTATION } from "../../../../../constants.js";
 import {
   DEFAULT_LABEL_FONT_SIZE,
   HOVERED_LABEL_FONT_WEIGHT,

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.tsx"],
-  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { legendLabel } from './RangeLegendItemLabel.sty.js';\nimport { ORIENTATION } from '../../../../chart-layout/types/constants.js';\nimport {\n  DEFAULT_LABEL_FONT_SIZE,\n  HOVERED_LABEL_FONT_WEIGHT,\n  LABEL_FONT_COLOR_HOVERED,\n  LABEL_HOVERED_PADDING,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\nimport { useLegendIntermediateLabelCollisionDetector } from '../../hooks/use-legend-intermediate-label-collision-detector.js';\nimport type { LabelAlignment } from '../../types/range-legend.internal.js';\n\ninterface RangeLegendItemLabelProps {\n  startPosition: number;\n  endPosition: number;\n  text: string;\n  labelId: number;\n  alignment: LabelAlignment;\n}\n\nexport const RangeLegendItemLabel = (props: RangeLegendItemLabelProps) => {\n  const { alignment, endPosition, labelId, startPosition, text } = props;\n\n  const { orientation } = useOrientation();\n  const isVertical = orientation === ORIENTATION.Vertical;\n  const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n  const isLabelHovered = labelId === hoveredMarkerId;\n\n  const {\n    text: label,\n    x,\n    y,\n  } = useLegendIntermediateLabelCollisionDetector(\n    text,\n    startPosition,\n    endPosition,\n    alignment,\n    !isLabelHovered,\n  );\n\n  if (isUndefined(x) || isUndefined(y) || !isLabelHovered) {\n    return null;\n  }\n\n  return (\n    <text\n      x={x + (isHorizontal ? 0 : LABEL_HOVERED_PADDING)}\n      y={y + (isVertical ? 0 : LABEL_HOVERED_PADDING)}\n      fontSize={DEFAULT_LABEL_FONT_SIZE}\n      fontWeight={HOVERED_LABEL_FONT_WEIGHT}\n      fill={LABEL_FONT_COLOR_HOVERED}\n      className={legendLabel}\n      role=\"listitem\"\n      aria-label={`Label ${text}`}\n    >\n      {label}\n    </text>\n  );\n};\n"],
+  "sourcesContent": ["import { isUndefined } from 'lodash-es';\n\nimport { legendLabel } from './RangeLegendItemLabel.sty.js';\nimport { ORIENTATION } from '../../../../../constants.js';\nimport {\n  DEFAULT_LABEL_FONT_SIZE,\n  HOVERED_LABEL_FONT_WEIGHT,\n  LABEL_FONT_COLOR_HOVERED,\n  LABEL_HOVERED_PADDING,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\nimport { useLegendIntermediateLabelCollisionDetector } from '../../hooks/use-legend-intermediate-label-collision-detector.js';\nimport type { LabelAlignment } from '../../types/range-legend.internal.js';\n\ninterface RangeLegendItemLabelProps {\n  startPosition: number;\n  endPosition: number;\n  text: string;\n  labelId: number;\n  alignment: LabelAlignment;\n}\n\nexport const RangeLegendItemLabel = (props: RangeLegendItemLabelProps) => {\n  const { alignment, endPosition, labelId, startPosition, text } = props;\n\n  const { orientation } = useOrientation();\n  const isVertical = orientation === ORIENTATION.Vertical;\n  const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n  const isLabelHovered = labelId === hoveredMarkerId;\n\n  const {\n    text: label,\n    x,\n    y,\n  } = useLegendIntermediateLabelCollisionDetector(\n    text,\n    startPosition,\n    endPosition,\n    alignment,\n    !isLabelHovered,\n  );\n\n  if (isUndefined(x) || isUndefined(y) || !isLabelHovered) {\n    return null;\n  }\n\n  return (\n    <text\n      x={x + (isHorizontal ? 0 : LABEL_HOVERED_PADDING)}\n      y={y + (isVertical ? 0 : LABEL_HOVERED_PADDING)}\n      fontSize={DEFAULT_LABEL_FONT_SIZE}\n      fontWeight={HOVERED_LABEL_FONT_WEIGHT}\n      fill={LABEL_FONT_COLOR_HOVERED}\n      className={legendLabel}\n      role=\"listitem\"\n      aria-label={`Label ${text}`}\n    >\n      {label}\n    </text>\n  );\n};\n"],
   "mappings": "AAkDI;AAlDJ,SAAS,mBAAmB;AAE5B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,qCAAqC;AAC9C,SAAS,mDAAmD;AAWrD,MAAM,uBAAuB,CAAC,UAAqC;AACxE,QAAM,EAAE,WAAW,aAAa,SAAS,eAAe,KAAK,IAAI;AAEjE,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,eAAe,gBAAgB,YAAY;AAEjD,QAAM,kBAAkB,8BAA8B;AACtD,QAAM,iBAAiB,YAAY;AAEnC,QAAM;AAAA,IACJ,MAAM;AAAA,IACN;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,CAAC;AAAA,EACH;AAEA,MAAI,YAAY,CAAC,KAAK,YAAY,CAAC,KAAK,CAAC,gBAAgB;AACvD,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,GAAG,KAAK,eAAe,IAAI;AAAA,MAC3B,GAAG,KAAK,aAAa,IAAI;AAAA,MACzB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY,SAAS,IAAI;AAAA,MAExB;AAAA;AAAA,EACH;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import "./RangeLegendItemLabel.css";
-var legendLabel = "_1itb2bi0-3-4-1";
+var legendLabel = "_1itb2bi0-3-5-2";
 export {
   legendLabel
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemLabel/RangeLegendItemLabel.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-4-1';"],
+  "sourcesContent": ["import './RangeLegendItemLabel.css';\nexport var legendLabel = '_1itb2bi0-3-5-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css CHANGED Viewed

@@ -1,9 +1,9 @@
-._1kzx6wv0-3-4-1 {
+._1kzx6wv0-3-5-2 {
   overflow: visible;
 }
-._1kzx6wv1-3-4-1 {
+._1kzx6wv1-3-5-2 {
   visibility: visible;
 }
-._1kzx6wv2-3-4-1 {
+._1kzx6wv2-3-5-2 {
   visibility: hidden;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import Colors from "@dynatrace/strato-design-tokens/colors";
 import { legendMarker } from "./RangeLegendItemMarker.sty.js";
-import { ORIENTATION } from "../../../../chart-layout/types/constants.js";
+import { ORIENTATION } from "../../../../../constants.js";
 import {
   CONTAINER_PADDING,
   DEFAULT_GAP_THICKNESS,

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.tsx"],
-  "sourcesContent": ["import { useRef } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { legendMarker } from './RangeLegendItemMarker.sty.js';\nimport { ORIENTATION } from '../../../../chart-layout/types/constants.js';\nimport {\n  CONTAINER_PADDING,\n  DEFAULT_GAP_THICKNESS,\n  DEFAULT_ITEM_THICKNESS,\n  DEFAULT_SEGMENT_SIZE,\n  STROKE_WIDTH,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useScale } from '../../context/RangeLegendScaleContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\n\ninterface RangeLegendItemMarkerProps {\n  position: number;\n  markerValue: number;\n  isReversed?: boolean;\n  isSinglePointRange?: boolean;\n}\n\nexport const RangeLegendItemMarker = (props: RangeLegendItemMarkerProps) => {\n  const { markerValue, position, isReversed, isSinglePointRange } = props;\n\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n  const { scale } = useScale();\n  const isBoundarySegment = scale.range().includes(position);\n\n  const { orientation } = useOrientation();\n  const isVertical = orientation === ORIENTATION.Vertical;\n  const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n  const itemX = isHorizontal ? position + DEFAULT_GAP_THICKNESS / 2 : 0;\n  const itemY = isVertical ? position + DEFAULT_GAP_THICKNESS / 2 : 0;\n  const itemWidth = isHorizontal\n    ? DEFAULT_GAP_THICKNESS\n    : DEFAULT_ITEM_THICKNESS;\n  const itemHeight = isVertical\n    ? DEFAULT_GAP_THICKNESS\n    : DEFAULT_ITEM_THICKNESS;\n\n  const defaultTranslateY = `-${DEFAULT_GAP_THICKNESS / 2}`;\n\n  const verticalSinglePointTranslateY = isReversed\n    ? defaultTranslateY\n    : `-${DEFAULT_GAP_THICKNESS * 2}`;\n  const singlePointRangeTranslateY = isHorizontal\n    ? DEFAULT_GAP_THICKNESS\n    : verticalSinglePointTranslateY;\n\n  const CSSTranslate = `translateX(${DEFAULT_GAP_THICKNESS}px) translateY(${\n    isSinglePointRange && !isBoundarySegment\n      ? singlePointRangeTranslateY\n      : defaultTranslateY\n  }px)`;\n\n  const ITEM_X = {\n    [ORIENTATION.Vertical]: () => itemX - itemWidth + STROKE_WIDTH,\n    [ORIENTATION.Horizontal]: () => {\n      if (isSinglePointRange && !isBoundarySegment) {\n        return (\n          itemX +\n          CONTAINER_PADDING -\n          (DEFAULT_SEGMENT_SIZE + STROKE_WIDTH * 2) / 2\n        );\n      }\n\n      return itemX + CONTAINER_PADDING - STROKE_WIDTH * 2;\n    },\n  };\n\n  const ITEM_Y = {\n    [ORIENTATION.Vertical]: () => {\n      if (isSinglePointRange && !isBoundarySegment) {\n        return itemY - CONTAINER_PADDING - itemHeight / 2;\n      }\n\n      return itemY - CONTAINER_PADDING + STROKE_WIDTH;\n    },\n    [ORIENTATION.Horizontal]: () => {\n      return itemY - itemHeight + STROKE_WIDTH;\n    },\n  };\n\n  return (\n    <svg\n      width=\"48\"\n      height=\"13\"\n      viewBox=\"0 0 48 13\"\n      fill=\"none\"\n      ref={svgRef}\n      x={ITEM_X[orientation]()}\n      y={ITEM_Y[orientation]()}\n      className={legendMarker({\n        isMarkerShown: hoveredMarkerId === markerValue,\n      })}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n    >\n      <path\n        d=\"M7.27736 7.08243L7.90139 6.66639L7.27734 6.25038L1.27734 2.25065L0.5 1.73246L0.5 2.66668L0.5 10.6667L0.5 11.601L1.27736 11.0827L7.27736 7.08243Z\"\n        fill={Colors.Icon.Neutral.Default}\n        strokeWidth={STROKE_WIDTH}\n        stroke={Colors.Background.Base.Default}\n        style={{\n          transform: isHorizontal\n            ? `rotate(90deg) ${CSSTranslate}`\n            : CSSTranslate,\n        }}\n      />\n    </svg>\n  );\n};\n"],
+  "sourcesContent": ["import { useRef } from 'react';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\n\nimport { legendMarker } from './RangeLegendItemMarker.sty.js';\nimport { ORIENTATION } from '../../../../../constants.js';\nimport {\n  CONTAINER_PADDING,\n  DEFAULT_GAP_THICKNESS,\n  DEFAULT_ITEM_THICKNESS,\n  DEFAULT_SEGMENT_SIZE,\n  STROKE_WIDTH,\n} from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useScale } from '../../context/RangeLegendScaleContext.js';\nimport { useRangeLegendHoveredMarkerId } from '../../hooks/store/selectors.js';\n\ninterface RangeLegendItemMarkerProps {\n  position: number;\n  markerValue: number;\n  isReversed?: boolean;\n  isSinglePointRange?: boolean;\n}\n\nexport const RangeLegendItemMarker = (props: RangeLegendItemMarkerProps) => {\n  const { markerValue, position, isReversed, isSinglePointRange } = props;\n\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const hoveredMarkerId = useRangeLegendHoveredMarkerId();\n  const { scale } = useScale();\n  const isBoundarySegment = scale.range().includes(position);\n\n  const { orientation } = useOrientation();\n  const isVertical = orientation === ORIENTATION.Vertical;\n  const isHorizontal = orientation === ORIENTATION.Horizontal;\n\n  const itemX = isHorizontal ? position + DEFAULT_GAP_THICKNESS / 2 : 0;\n  const itemY = isVertical ? position + DEFAULT_GAP_THICKNESS / 2 : 0;\n  const itemWidth = isHorizontal\n    ? DEFAULT_GAP_THICKNESS\n    : DEFAULT_ITEM_THICKNESS;\n  const itemHeight = isVertical\n    ? DEFAULT_GAP_THICKNESS\n    : DEFAULT_ITEM_THICKNESS;\n\n  const defaultTranslateY = `-${DEFAULT_GAP_THICKNESS / 2}`;\n\n  const verticalSinglePointTranslateY = isReversed\n    ? defaultTranslateY\n    : `-${DEFAULT_GAP_THICKNESS * 2}`;\n  const singlePointRangeTranslateY = isHorizontal\n    ? DEFAULT_GAP_THICKNESS\n    : verticalSinglePointTranslateY;\n\n  const CSSTranslate = `translateX(${DEFAULT_GAP_THICKNESS}px) translateY(${\n    isSinglePointRange && !isBoundarySegment\n      ? singlePointRangeTranslateY\n      : defaultTranslateY\n  }px)`;\n\n  const ITEM_X = {\n    [ORIENTATION.Vertical]: () => itemX - itemWidth + STROKE_WIDTH,\n    [ORIENTATION.Horizontal]: () => {\n      if (isSinglePointRange && !isBoundarySegment) {\n        return (\n          itemX +\n          CONTAINER_PADDING -\n          (DEFAULT_SEGMENT_SIZE + STROKE_WIDTH * 2) / 2\n        );\n      }\n\n      return itemX + CONTAINER_PADDING - STROKE_WIDTH * 2;\n    },\n  };\n\n  const ITEM_Y = {\n    [ORIENTATION.Vertical]: () => {\n      if (isSinglePointRange && !isBoundarySegment) {\n        return itemY - CONTAINER_PADDING - itemHeight / 2;\n      }\n\n      return itemY - CONTAINER_PADDING + STROKE_WIDTH;\n    },\n    [ORIENTATION.Horizontal]: () => {\n      return itemY - itemHeight + STROKE_WIDTH;\n    },\n  };\n\n  return (\n    <svg\n      width=\"48\"\n      height=\"13\"\n      viewBox=\"0 0 48 13\"\n      fill=\"none\"\n      ref={svgRef}\n      x={ITEM_X[orientation]()}\n      y={ITEM_Y[orientation]()}\n      className={legendMarker({\n        isMarkerShown: hoveredMarkerId === markerValue,\n      })}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role=\"presentation\"\n    >\n      <path\n        d=\"M7.27736 7.08243L7.90139 6.66639L7.27734 6.25038L1.27734 2.25065L0.5 1.73246L0.5 2.66668L0.5 10.6667L0.5 11.601L1.27736 11.0827L7.27736 7.08243Z\"\n        fill={Colors.Icon.Neutral.Default}\n        strokeWidth={STROKE_WIDTH}\n        stroke={Colors.Background.Base.Default}\n        style={{\n          transform: isHorizontal\n            ? `rotate(90deg) ${CSSTranslate}`\n            : CSSTranslate,\n        }}\n      />\n    </svg>\n  );\n};\n"],
   "mappings": "AAwGM;AAxGN,SAAS,cAAc;AAEvB,OAAO,YAAY;AAEnB,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,qCAAqC;AASvC,MAAM,wBAAwB,CAAC,UAAsC;AAC1E,QAAM,EAAE,aAAa,UAAU,YAAY,mBAAmB,IAAI;AAElE,QAAM,SAAS,OAAsB,IAAI;AAEzC,QAAM,kBAAkB,8BAA8B;AACtD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,oBAAoB,MAAM,MAAM,EAAE,SAAS,QAAQ;AAEzD,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,aAAa,gBAAgB,YAAY;AAC/C,QAAM,eAAe,gBAAgB,YAAY;AAEjD,QAAM,QAAQ,eAAe,WAAW,wBAAwB,IAAI;AACpE,QAAM,QAAQ,aAAa,WAAW,wBAAwB,IAAI;AAClE,QAAM,YAAY,eACd,wBACA;AACJ,QAAM,aAAa,aACf,wBACA;AAEJ,QAAM,oBAAoB,IAAI,wBAAwB,CAAC;AAEvD,QAAM,gCAAgC,aAClC,oBACA,IAAI,wBAAwB,CAAC;AACjC,QAAM,6BAA6B,eAC/B,wBACA;AAEJ,QAAM,eAAe,cAAc,qBAAqB,kBACtD,sBAAsB,CAAC,oBACnB,6BACA,iBACN;AAEA,QAAM,SAAS;AAAA,IACb,CAAC,YAAY,QAAQ,GAAG,MAAM,QAAQ,YAAY;AAAA,IAClD,CAAC,YAAY,UAAU,GAAG,MAAM;AAC9B,UAAI,sBAAsB,CAAC,mBAAmB;AAC5C,eACE,QACA,qBACC,uBAAuB,eAAe,KAAK;AAAA,MAEhD;AAEA,aAAO,QAAQ,oBAAoB,eAAe;AAAA,IACpD;AAAA,EACF;AAEA,QAAM,SAAS;AAAA,IACb,CAAC,YAAY,QAAQ,GAAG,MAAM;AAC5B,UAAI,sBAAsB,CAAC,mBAAmB;AAC5C,eAAO,QAAQ,oBAAoB,aAAa;AAAA,MAClD;AAEA,aAAO,QAAQ,oBAAoB;AAAA,IACrC;AAAA,IACA,CAAC,YAAY,UAAU,GAAG,MAAM;AAC9B,aAAO,QAAQ,aAAa;AAAA,IAC9B;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,KAAK;AAAA,MACL,GAAG,OAAO,WAAW,EAAE;AAAA,MACvB,GAAG,OAAO,WAAW,EAAE;AAAA,MACvB,WAAW,aAAa;AAAA,QACtB,eAAe,oBAAoB;AAAA,MACrC,CAAC;AAAA,MACD,OAAM;AAAA,MACN,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAM,OAAO,KAAK,QAAQ;AAAA,UAC1B,aAAa;AAAA,UACb,QAAQ,OAAO,WAAW,KAAK;AAAA,UAC/B,OAAO;AAAA,YACL,WAAW,eACP,iBAAiB,YAAY,KAC7B;AAAA,UACN;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./RangeLegendItemMarker.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-4-1", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-4-1", false: "_1kzx6wv2-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarker = _7a468({ defaultClassName: "_1kzx6wv0-3-5-2", variantClassNames: { isMarkerShown: { true: "_1kzx6wv1-3-5-2", false: "_1kzx6wv2-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarker
 };

package/esm/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.sty.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendItemMarker/RangeLegendItemMarker.css.ts"],
-  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-4-1',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-4-1',false:'_1kzx6wv2-3-4-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './RangeLegendItemMarker.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var legendMarker = _7a468({defaultClassName:'_1kzx6wv0-3-5-2',variantClassNames:{isMarkerShown:{true:'_1kzx6wv1-3-5-2',false:'_1kzx6wv2-3-5-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,eAAc,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.css CHANGED Viewed

@@ -1,12 +1,12 @@
-._u32l830-3-4-1 {
+._u32l830-3-5-2 {
   overflow: visible;
   position: absolute;
 }
-._u32l831-3-4-1 {
+._u32l831-3-5-2 {
   width: 100%;
   height: 10px;
 }
-._u32l832-3-4-1 {
+._u32l832-3-5-2 {
   height: 100%;
   width: 10px;
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { isNumber } from "lodash-es";
 import { Fragment, useMemo } from "react";
 import { legendMarkersSvg } from "./RangeLegendMarkers.sty.js";
-import { ORIENTATION } from "../../../../chart-layout/types/constants.js";
+import { ORIENTATION } from "../../../../../constants.js";
 import { LABEL_ALIGNMENT } from "../../constants.js";
 import { useOrientation } from "../../context/RangeLegendOrientationContext.js";
 import { useScale } from "../../context/RangeLegendScaleContext.js";

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.tsx"],
-  "sourcesContent": ["import { isNumber } from 'lodash-es';\nimport { Fragment, useMemo } from 'react';\n\nimport { legendMarkersSvg } from './RangeLegendMarkers.sty.js';\nimport { ORIENTATION } from '../../../../chart-layout/types/constants.js';\nimport { LABEL_ALIGNMENT } from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useScale } from '../../context/RangeLegendScaleContext.js';\nimport { useLegendFormattedLabels } from '../../hooks/use-legend-formatted-labels.js';\nimport type { InternalRangeItem } from '../../types/range-legend.internal.js';\nimport { getLabelAlignment } from '../../utils/get-label-alignment.js';\nimport { getLabelEndPosition } from '../../utils/get-label-end-position.js';\nimport { getMarkers } from '../../utils/get-markers.js';\nimport { RangeLegendBoundaryLabels } from '../RangeLegendBoundaryLabels.js';\nimport { RangeLegendItemLabel } from '../RangeLegendItemLabel/RangeLegendItemLabel.js';\nimport { RangeLegendItemMarker } from '../RangeLegendItemMarker/RangeLegendItemMarker.js';\nimport { RangeLegendSegmentsOverlay } from '../RangeLegendSegmentsOverlay.js';\n\ninterface RangeLegendMarkersProps {\n  items: InternalRangeItem[];\n  maxValue?: number;\n  minValue?: number;\n}\n\nexport const RangeLegendMarkers = (props: RangeLegendMarkersProps) => {\n  const { items, maxValue, minValue } = props;\n  const hasMinValue = isNumber(minValue);\n  const hasMaxValue = isNumber(maxValue);\n\n  const { orientation } = useOrientation();\n  const { scale } = useScale();\n  const [rangeStartPosition, rangeEndPosition] = scale.range();\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { itemMarkers, singlePointRangeMarkers } = useMemo(\n    () => getMarkers(items, isVertical),\n    [isVertical, items],\n  );\n\n  const internalRangeItems = useLegendFormattedLabels(items);\n\n  const addedMarkers = new Set<number>([]);\n  const markerLabel = isVertical\n    ? `Labels from ${Array.from(itemMarkers)[itemMarkers.size - 1]} to ${\n        Array.from(itemMarkers)[0]\n      }`\n    : `Labels from ${Array.from(itemMarkers)[0]} to ${\n        Array.from(itemMarkers)[itemMarkers.size - 1]\n      }`;\n\n  return (\n    <svg\n      className={legendMarkersSvg({\n        isHorizontal: orientation === ORIENTATION.Horizontal,\n      })}\n      role=\"group\"\n      aria-label=\"Chart legend\"\n    >\n      <g role=\"list\" aria-label={markerLabel}>\n        {/* LABELS */}\n        {internalRangeItems.map((item) => {\n          const hasFromLabel =\n            itemMarkers.has(item.from) && !addedMarkers.has(item.from);\n          const hasToLabel =\n            itemMarkers.has(item.to) && !addedMarkers.has(item.to);\n\n          if (!hasFromLabel && !hasToLabel) {\n            return null;\n          }\n\n          addedMarkers.add(item.from);\n          addedMarkers.add(item.to);\n\n          const startPosition = scale(item.from);\n          const endPosition = scale(item.to);\n          const isSinglePointRange = startPosition === endPosition;\n\n          const hasSameStartPosition = isVertical\n            ? startPosition === rangeEndPosition\n            : startPosition === rangeStartPosition;\n          const isFirstItem = hasSameStartPosition && !hasMinValue;\n\n          const hasSameEndPosition = isVertical\n            ? endPosition === rangeStartPosition\n            : endPosition === rangeEndPosition;\n          const isLastItem = hasSameEndPosition && !hasMaxValue;\n\n          const labelAlignment = getLabelAlignment(\n            hasMaxValue,\n            isLastItem,\n            isVertical,\n          );\n\n          const labelEndPosition = getLabelEndPosition(\n            endPosition,\n            isSinglePointRange,\n            isLastItem,\n          );\n\n          return (\n            <Fragment key={`label-'${item.from}`}>\n              {hasFromLabel && (\n                <RangeLegendItemLabel\n                  labelId={item.from}\n                  startPosition={startPosition}\n                  endPosition={startPosition}\n                  text={item.labels.from}\n                  alignment={\n                    hasMinValue || !isFirstItem\n                      ? LABEL_ALIGNMENT.Center\n                      : LABEL_ALIGNMENT.End\n                  }\n                />\n              )}\n              {hasToLabel && !isSinglePointRange && (\n                <RangeLegendItemLabel\n                  labelId={item.to}\n                  startPosition={labelEndPosition}\n                  endPosition={labelEndPosition}\n                  text={item.labels.to}\n                  alignment={labelAlignment}\n                />\n              )}\n            </Fragment>\n          );\n        })}\n\n        {/* ARROWS */}\n        {Array.from(itemMarkers).map((marker) => {\n          const position = scale(marker);\n\n          return (\n            <RangeLegendItemMarker\n              key={`marker-'${marker}`}\n              position={position}\n              markerValue={marker}\n              isReversed={isVertical}\n              isSinglePointRange={singlePointRangeMarkers.has(marker)}\n            />\n          );\n        })}\n        <RangeLegendBoundaryLabels\n          items={internalRangeItems}\n          maxValue={maxValue}\n          minValue={minValue}\n        />\n      </g>\n\n      <RangeLegendSegmentsOverlay itemMarkers={Array.from(itemMarkers)} />\n    </svg>\n  );\n};\n"],
+  "sourcesContent": ["import { isNumber } from 'lodash-es';\nimport { Fragment, useMemo } from 'react';\n\nimport { legendMarkersSvg } from './RangeLegendMarkers.sty.js';\nimport { ORIENTATION } from '../../../../../constants.js';\nimport { LABEL_ALIGNMENT } from '../../constants.js';\nimport { useOrientation } from '../../context/RangeLegendOrientationContext.js';\nimport { useScale } from '../../context/RangeLegendScaleContext.js';\nimport { useLegendFormattedLabels } from '../../hooks/use-legend-formatted-labels.js';\nimport type { InternalRangeItem } from '../../types/range-legend.internal.js';\nimport { getLabelAlignment } from '../../utils/get-label-alignment.js';\nimport { getLabelEndPosition } from '../../utils/get-label-end-position.js';\nimport { getMarkers } from '../../utils/get-markers.js';\nimport { RangeLegendBoundaryLabels } from '../RangeLegendBoundaryLabels.js';\nimport { RangeLegendItemLabel } from '../RangeLegendItemLabel/RangeLegendItemLabel.js';\nimport { RangeLegendItemMarker } from '../RangeLegendItemMarker/RangeLegendItemMarker.js';\nimport { RangeLegendSegmentsOverlay } from '../RangeLegendSegmentsOverlay.js';\n\ninterface RangeLegendMarkersProps {\n  items: InternalRangeItem[];\n  maxValue?: number;\n  minValue?: number;\n}\n\nexport const RangeLegendMarkers = (props: RangeLegendMarkersProps) => {\n  const { items, maxValue, minValue } = props;\n  const hasMinValue = isNumber(minValue);\n  const hasMaxValue = isNumber(maxValue);\n\n  const { orientation } = useOrientation();\n  const { scale } = useScale();\n  const [rangeStartPosition, rangeEndPosition] = scale.range();\n\n  const isVertical = orientation === ORIENTATION.Vertical;\n\n  const { itemMarkers, singlePointRangeMarkers } = useMemo(\n    () => getMarkers(items, isVertical),\n    [isVertical, items],\n  );\n\n  const internalRangeItems = useLegendFormattedLabels(items);\n\n  const addedMarkers = new Set<number>([]);\n  const markerLabel = isVertical\n    ? `Labels from ${Array.from(itemMarkers)[itemMarkers.size - 1]} to ${\n        Array.from(itemMarkers)[0]\n      }`\n    : `Labels from ${Array.from(itemMarkers)[0]} to ${\n        Array.from(itemMarkers)[itemMarkers.size - 1]\n      }`;\n\n  return (\n    <svg\n      className={legendMarkersSvg({\n        isHorizontal: orientation === ORIENTATION.Horizontal,\n      })}\n      role=\"group\"\n      aria-label=\"Chart legend\"\n    >\n      <g role=\"list\" aria-label={markerLabel}>\n        {/* LABELS */}\n        {internalRangeItems.map((item) => {\n          const hasFromLabel =\n            itemMarkers.has(item.from) && !addedMarkers.has(item.from);\n          const hasToLabel =\n            itemMarkers.has(item.to) && !addedMarkers.has(item.to);\n\n          if (!hasFromLabel && !hasToLabel) {\n            return null;\n          }\n\n          addedMarkers.add(item.from);\n          addedMarkers.add(item.to);\n\n          const startPosition = scale(item.from);\n          const endPosition = scale(item.to);\n          const isSinglePointRange = startPosition === endPosition;\n\n          const hasSameStartPosition = isVertical\n            ? startPosition === rangeEndPosition\n            : startPosition === rangeStartPosition;\n          const isFirstItem = hasSameStartPosition && !hasMinValue;\n\n          const hasSameEndPosition = isVertical\n            ? endPosition === rangeStartPosition\n            : endPosition === rangeEndPosition;\n          const isLastItem = hasSameEndPosition && !hasMaxValue;\n\n          const labelAlignment = getLabelAlignment(\n            hasMaxValue,\n            isLastItem,\n            isVertical,\n          );\n\n          const labelEndPosition = getLabelEndPosition(\n            endPosition,\n            isSinglePointRange,\n            isLastItem,\n          );\n\n          return (\n            <Fragment key={`label-'${item.from}`}>\n              {hasFromLabel && (\n                <RangeLegendItemLabel\n                  labelId={item.from}\n                  startPosition={startPosition}\n                  endPosition={startPosition}\n                  text={item.labels.from}\n                  alignment={\n                    hasMinValue || !isFirstItem\n                      ? LABEL_ALIGNMENT.Center\n                      : LABEL_ALIGNMENT.End\n                  }\n                />\n              )}\n              {hasToLabel && !isSinglePointRange && (\n                <RangeLegendItemLabel\n                  labelId={item.to}\n                  startPosition={labelEndPosition}\n                  endPosition={labelEndPosition}\n                  text={item.labels.to}\n                  alignment={labelAlignment}\n                />\n              )}\n            </Fragment>\n          );\n        })}\n\n        {/* ARROWS */}\n        {Array.from(itemMarkers).map((marker) => {\n          const position = scale(marker);\n\n          return (\n            <RangeLegendItemMarker\n              key={`marker-'${marker}`}\n              position={position}\n              markerValue={marker}\n              isReversed={isVertical}\n              isSinglePointRange={singlePointRangeMarkers.has(marker)}\n            />\n          );\n        })}\n        <RangeLegendBoundaryLabels\n          items={internalRangeItems}\n          maxValue={maxValue}\n          minValue={minValue}\n        />\n      </g>\n\n      <RangeLegendSegmentsOverlay itemMarkers={Array.from(itemMarkers)} />\n    </svg>\n  );\n};\n"],
   "mappings": "AAqGY,SAEI,KAFJ;AArGZ,SAAS,gBAAgB;AACzB,SAAS,UAAU,eAAe;AAElC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,gCAAgC;AAEzC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAC3B,SAAS,iCAAiC;AAC1C,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,kCAAkC;AAQpC,MAAM,qBAAqB,CAAC,UAAmC;AACpE,QAAM,EAAE,OAAO,UAAU,SAAS,IAAI;AACtC,QAAM,cAAc,SAAS,QAAQ;AACrC,QAAM,cAAc,SAAS,QAAQ;AAErC,QAAM,EAAE,YAAY,IAAI,eAAe;AACvC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,oBAAoB,gBAAgB,IAAI,MAAM,MAAM;AAE3D,QAAM,aAAa,gBAAgB,YAAY;AAE/C,QAAM,EAAE,aAAa,wBAAwB,IAAI;AAAA,IAC/C,MAAM,WAAW,OAAO,UAAU;AAAA,IAClC,CAAC,YAAY,KAAK;AAAA,EACpB;AAEA,QAAM,qBAAqB,yBAAyB,KAAK;AAEzD,QAAM,eAAe,oBAAI,IAAY,CAAC,CAAC;AACvC,QAAM,cAAc,aAChB,eAAe,MAAM,KAAK,WAAW,EAAE,YAAY,OAAO,CAAC,CAAC,OAC1D,MAAM,KAAK,WAAW,EAAE,CAAC,CAC3B,KACA,eAAe,MAAM,KAAK,WAAW,EAAE,CAAC,CAAC,OACvC,MAAM,KAAK,WAAW,EAAE,YAAY,OAAO,CAAC,CAC9C;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,iBAAiB;AAAA,QAC1B,cAAc,gBAAgB,YAAY;AAAA,MAC5C,CAAC;AAAA,MACD,MAAK;AAAA,MACL,cAAW;AAAA,MAEX;AAAA,6BAAC,OAAE,MAAK,QAAO,cAAY,aAExB;AAAA,6BAAmB,IAAI,CAAC,SAAS;AAChC,kBAAM,eACJ,YAAY,IAAI,KAAK,IAAI,KAAK,CAAC,aAAa,IAAI,KAAK,IAAI;AAC3D,kBAAM,aACJ,YAAY,IAAI,KAAK,EAAE,KAAK,CAAC,aAAa,IAAI,KAAK,EAAE;AAEvD,gBAAI,CAAC,gBAAgB,CAAC,YAAY;AAChC,qBAAO;AAAA,YACT;AAEA,yBAAa,IAAI,KAAK,IAAI;AAC1B,yBAAa,IAAI,KAAK,EAAE;AAExB,kBAAM,gBAAgB,MAAM,KAAK,IAAI;AACrC,kBAAM,cAAc,MAAM,KAAK,EAAE;AACjC,kBAAM,qBAAqB,kBAAkB;AAE7C,kBAAM,uBAAuB,aACzB,kBAAkB,mBAClB,kBAAkB;AACtB,kBAAM,cAAc,wBAAwB,CAAC;AAE7C,kBAAM,qBAAqB,aACvB,gBAAgB,qBAChB,gBAAgB;AACpB,kBAAM,aAAa,sBAAsB,CAAC;AAE1C,kBAAM,iBAAiB;AAAA,cACrB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,kBAAM,mBAAmB;AAAA,cACvB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAEA,mBACE,qBAAC,YACE;AAAA,8BACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,KAAK;AAAA,kBACd;AAAA,kBACA,aAAa;AAAA,kBACb,MAAM,KAAK,OAAO;AAAA,kBAClB,WACE,eAAe,CAAC,cACZ,gBAAgB,SAChB,gBAAgB;AAAA;AAAA,cAExB;AAAA,cAED,cAAc,CAAC,sBACd;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAS,KAAK;AAAA,kBACd,eAAe;AAAA,kBACf,aAAa;AAAA,kBACb,MAAM,KAAK,OAAO;AAAA,kBAClB,WAAW;AAAA;AAAA,cACb;AAAA,iBArBW,UAAU,KAAK,IAAI,EAuBlC;AAAA,UAEJ,CAAC;AAAA,UAGA,MAAM,KAAK,WAAW,EAAE,IAAI,CAAC,WAAW;AACvC,kBAAM,WAAW,MAAM,MAAM;AAE7B,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC;AAAA,gBACA,aAAa;AAAA,gBACb,YAAY;AAAA,gBACZ,oBAAoB,wBAAwB,IAAI,MAAM;AAAA;AAAA,cAJjD,WAAW,MAAM;AAAA,YAKxB;AAAA,UAEJ,CAAC;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEA,oBAAC,8BAA2B,aAAa,MAAM,KAAK,WAAW,GAAG;AAAA;AAAA;AAAA,EACpE;AAEJ;",
   "names": []
 }

package/esm/charts/core/components/legend/range/components/RangeLegendMarkers/RangeLegendMarkers.sty.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import "./RangeLegendMarkers.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-4-1", variantClassNames: { isHorizontal: { true: "_u32l831-3-4-1", false: "_u32l832-3-4-1" } }, defaultVariants: {}, compoundVariants: [] });
+var legendMarkersSvg = _7a468({ defaultClassName: "_u32l830-3-5-2", variantClassNames: { isHorizontal: { true: "_u32l831-3-5-2", false: "_u32l832-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   legendMarkersSvg
 };