@dynatrace/strato-components 3.10.4 → 3.11.0

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js

@@ -64,7 +64,8 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     infiniteZoom,
     seriesActions,
     gapPolicy,
-    pointsDisplay
+    pointsDisplay,
+    curve
   } = props;
   const [behaviorTrackingProps] = useBehavioralTrackingProps(props);
   const config = useTimeseriesChartConfig(children, {
@@ -76,7 +77,8 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     initialZoom,
     currentZoom,
     onZoomChange,
-    infiniteZoom
+    infiniteZoom,
+    curve
   });
   const { line, bar, area, band, shapePriority, deprecatedToolbar } = iterateSlots(children);
   const resolvedValueRepresentation = resolveValueRepresentation(
@@ -127,11 +129,17 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
     switch (shape) {
       case "line":
         return result.line.map(
-          (s) => renderLineSeries(s, { actions: mappedSeriesActions })
+          (s) => renderLineSeries(s, {
+            actions: mappedSeriesActions,
+            curve: config.curve
+          })
         );
       case "area":
         return result.area.map(
-          (s) => renderAreaSeries(s, { actions: mappedSeriesActions })
+          (s) => renderAreaSeries(s, {
+            actions: mappedSeriesActions,
+            curve: config.curve
+          })
         );
       case "bar":
         return result.bar.map(
@@ -139,7 +147,10 @@ const TimeseriesToXY = forwardRef((props, forwardedRef) => {
         );
       case "band":
         return result.band.map(
-          (s) => renderBandSeries(s, { actions: mappedBandActions })
+          (s) => renderBandSeries(s, {
+            actions: mappedBandActions,
+            curve: config.curve
+          })
         );
     }
   };

package/esm/charts/xy-chart-adoption/timeseries/TimeseriesToXY.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/charts/xy-chart-adoption/timeseries/TimeseriesToXY.tsx"],
-  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { resolveGapPolicy } from './utils/resolve-gap-policy.js';\nimport { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, { actions: mappedBandActions }),\n        );\n    }\n  };\n\n  const {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"TimeseriesChart\"\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\n      />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar\n        hidden={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useRef } from 'react';\n\nimport { useTimeseriesChartConfig } from './hooks/use-timeseries-chart-config.js';\nimport { iterateSlots } from './iterate-slots.js';\nimport {\n  mapSelectedSeriesToTimeseries,\n  mapSelectionDomainToTimeseries,\n} from './map-select-actions.js';\nimport {\n  mapBandSeriesActionsToXY,\n  mapSeriesActionsToXY,\n} from './map-series-actions.js';\nimport { resolveValueRepresentation } from './resolve-value-representation.js';\nimport { transformTimeseriesAnnotationsToXY } from './transformer-annotations-to-xy.js';\nimport { transformTimeseriesDataToXYChart } from './transformer-data-to-xy.js';\nimport {\n  type ChartVariantInternal,\n  DEFAULT_VARIANT,\n  type TimeseriesChartProps,\n  type TimeseriesChartRef,\n} from './types/timeseries.js';\nimport { buildBuckets } from './utils/build-buckets.js';\nimport { buildTimeseriesImperativeHandle } from './utils/build-timeseries-imperative-handle.js';\nimport { deriveXYChartPropsFromConfig } from './utils/derive-xychart-props-from-config.js';\nimport { formatCSV } from './utils/download/format-csv.js';\nimport {\n  mapXAxisSlot,\n  mapYAxisSlots,\n  mapYAxisSlotToProps,\n} from './utils/map-axis-slots.js';\nimport { resolveTimeseriesColorRules } from './utils/map-timeseries-to-xy-color-rules.js';\nimport {\n  defineAxisId,\n  renderAreaSeries,\n  renderBandSeries,\n  renderBarSeries,\n  renderLineSeries,\n  xAxisId,\n} from './utils/render-series.js';\nimport { resolveGapPolicy } from './utils/resolve-gap-policy.js';\nimport { mapTimeseriesToXYThresholds } from './utils/transformer-thresholds-to-xy.js';\nimport { useBehavioralTrackingProps } from '../../../core/hooks/useBehavioralTrackingProps.js';\nimport { downloadCSV } from '../../../core/utils/download.js';\nimport { getChartStatesTemplates } from '../../core/components/chart-states/utils/get-chart-states-template.js';\nimport { CSS_DOWNLOAD_FILENAME } from '../../core/constants.js';\nimport { extractBehaviorTrackingProps } from '../../core/utils/extract-behavior-tracking-props.js';\nimport type { XYChartRef } from '../../xy-chart/types/xy-chart.js';\nimport { XYChart } from '../../xy-chart/XYChartRoot.js';\nimport { renderXYAnnotations } from '../shared/utils/render-xy-annotations.js';\n\nexport const TimeseriesToXY = forwardRef<\n  TimeseriesChartRef,\n  TimeseriesChartProps\n>((props, forwardedRef) => {\n  const {\n    data = [],\n    variant = DEFAULT_VARIANT,\n    children,\n    loading,\n    className,\n    style,\n    width,\n    height,\n    colorPalette,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    truncationMode,\n    valueRepresentation,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    seriesActions,\n    gapPolicy,\n    pointsDisplay,\n    curve,\n  } = props;\n\n  const [behaviorTrackingProps] = useBehavioralTrackingProps(props);\n\n  const config = useTimeseriesChartConfig(children, {\n    colorPalette,\n    truncationMode,\n    valueRepresentation,\n    gapPolicy,\n    pointsDisplay,\n    initialZoom,\n    currentZoom,\n    onZoomChange,\n    infiniteZoom,\n    curve,\n  });\n\n  const { line, bar, area, band, shapePriority, deprecatedToolbar } =\n    iterateSlots(children);\n\n  const resolvedValueRepresentation = resolveValueRepresentation(\n    config.valueRepresentation,\n    ...line.map((s) => s.valueRepresentation),\n    ...area.map((s) => s.valueRepresentation),\n    ...bar.map((s) => s.valueRepresentation),\n  );\n\n  const { emptyState, errorState } = getChartStatesTemplates(children);\n\n  const {\n    buckets,\n    lineAreaBarData,\n    bandData,\n    allSeriesData,\n    gapPolicies,\n    order,\n  } = buildBuckets(\n    data,\n    variant,\n    { line, area, bar, band, shapePriority },\n    config.pointsDisplay,\n  );\n\n  const result = transformTimeseriesDataToXYChart(buckets, order);\n  const effectiveGapPolicy = resolveGapPolicy(gapPolicies, config.gapPolicy);\n\n  const allColorRules = resolveTimeseriesColorRules(\n    allSeriesData,\n    config.colorRules,\n  );\n\n  const xAxisConfig = mapXAxisSlot(config.xAxis);\n\n  const { configuredAxes, renderedUnits } = mapYAxisSlots(\n    config.yAxis.left,\n    config.yAxis.right,\n    [...result.units],\n  );\n\n  const yAxesConfig = renderedUnits.map((unit, index) => ({\n    unit,\n    axisId: defineAxisId(unit),\n    ...mapYAxisSlotToProps(index, configuredAxes[index]),\n  }));\n\n  const flatThresholds = config.thresholds\n    ? [...(config.thresholds.left ?? []), ...(config.thresholds.right ?? [])]\n    : [];\n  const mappedThresholds = mapTimeseriesToXYThresholds(\n    flatThresholds,\n    yAxesConfig,\n  );\n\n  const mappedSeriesActions = seriesActions\n    ? mapSeriesActionsToXY(seriesActions, lineAreaBarData)\n    : undefined;\n\n  const mappedBandActions = seriesActions\n    ? mapBandSeriesActionsToXY(seriesActions, bandData)\n    : undefined;\n\n  const seriesForShape = (shape: ChartVariantInternal) => {\n    switch (shape) {\n      case 'line':\n        return result.line.map((s) =>\n          renderLineSeries(s, {\n            actions: mappedSeriesActions,\n            curve: config.curve,\n          }),\n        );\n      case 'area':\n        return result.area.map((s) =>\n          renderAreaSeries(s, {\n            actions: mappedSeriesActions,\n            curve: config.curve,\n          }),\n        );\n      case 'bar':\n        return result.bar.map((s) =>\n          renderBarSeries(s, { actions: mappedSeriesActions }),\n        );\n      case 'band':\n        return result.band.map((s) =>\n          renderBandSeries(s, {\n            actions: mappedBandActions,\n            curve: config.curve,\n          }),\n        );\n    }\n  };\n\n  const {\n    disableZoom,\n    disablePan,\n    toolbarEnabled,\n    toolbarPlacement,\n    toolbarIntents,\n    onZoomChange: effectiveOnZoomChange,\n  } = deriveXYChartPropsFromConfig(config, onZoomChange);\n\n  const selectActions = config.select?.actions;\n  const tooltipVariant =\n    config.tooltip.variant === 'single' ? 'single' : 'shared';\n\n  const xyRef = useRef<XYChartRef>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    () => buildTimeseriesImperativeHandle(xyRef, config),\n    [config],\n  );\n\n  const downloadDataCallback = () => {\n    const csvString = formatCSV({\n      line: buckets.line.map((s) => s.data),\n      area: buckets.area.map((s) => s.data),\n      bar: buckets.bar.map((s) => s.data),\n      band: bandData,\n    });\n    downloadCSV(csvString, CSS_DOWNLOAD_FILENAME);\n  };\n\n  return (\n    <XYChart\n      data={[]}\n      ref={xyRef}\n      loading={loading}\n      className={className}\n      style={style}\n      width={width}\n      height={height}\n      colorPalette={config.colorPalette}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      truncationMode={config.truncationMode}\n      __downloadDataCallback={downloadDataCallback}\n      data-dt-component=\"TimeseriesChart\"\n      {...behaviorTrackingProps}\n    >\n      <XYChart.Tooltip\n        _variant={tooltipVariant}\n        _seriesDisplayMode={config.tooltip.seriesDisplayMode}\n      />\n      {errorState && <XYChart.ErrorState>{errorState}</XYChart.ErrorState>}\n      {emptyState && <XYChart.EmptyState>{emptyState}</XYChart.EmptyState>}\n      {order.flatMap(seriesForShape)}\n      {selectActions ? (\n        <XYChart.Select\n          actions={(selectedSeries, selectionDomain) => {\n            const hasNoDataInSelection = selectionDomain.length === 0;\n            if (hasNoDataInSelection) {\n              return;\n            }\n            return selectActions(\n              mapSelectedSeriesToTimeseries(selectedSeries, allSeriesData),\n              mapSelectionDomainToTimeseries(selectionDomain),\n            );\n          }}\n        />\n      ) : null}\n      <XYChart.XAxis\n        id={xAxisId}\n        type=\"time\"\n        position=\"bottom\"\n        min={xAxisConfig.min}\n        max={xAxisConfig.max}\n        label={xAxisConfig.label}\n        disableZoom={disableZoom}\n        disablePan={disablePan}\n        initialZoom={\n          config.initialZoom as [Date, Date] | [number, number] | undefined\n        }\n        currentZoom={\n          config.currentZoom as [Date, Date] | [number, number] | undefined\n        }\n        onZoomChange={effectiveOnZoomChange}\n        infiniteZoom={config.infiniteZoom}\n        gapPolicy={effectiveGapPolicy}\n      />\n      {yAxesConfig.map(({ unit, axisId, ...axisProps }) => (\n        <XYChart.YAxis\n          key={axisId}\n          id={axisId}\n          unit={unit}\n          {...axisProps}\n          valueRepresentation={resolvedValueRepresentation}\n        />\n      ))}\n      <XYChart.Legend {...config.legend} />\n      {allColorRules.map((rule) => (\n        <XYChart.ColorRule\n          key={`${rule.comparator}-${rule.matchValue}-${rule.valueAccessor}`}\n          {...rule}\n        />\n      ))}\n      <XYChart.Toolbar\n        hidden={!toolbarEnabled}\n        placement={toolbarPlacement}\n        {...extractBehaviorTrackingProps(config.toolbar ?? {})}\n      />\n      {/* TODO: Remove after deprecating ChartToolbar (APPDEV-15613) */}\n      {deprecatedToolbar.enabled && (\n        <XYChart.Toolbar placement={deprecatedToolbar.placement} />\n      )}\n      {toolbarIntents?.map((intentProps, index) => (\n        <XYChart.Intent key={index} {...intentProps} />\n      ))}\n      {config.annotations &&\n        renderXYAnnotations(\n          transformTimeseriesAnnotationsToXY(config.annotations.tracks),\n          xAxisId,\n          config.annotations,\n        )}\n      {mappedThresholds.map((threshold, index) => (\n        <XYChart.ThresholdIndicator key={index} {...threshold} />\n      ))}\n    </XYChart>\n  );\n});\n"],
+  "mappings": "AA2NI,SAgBE,KAhBF;AA3NJ,SAAS,YAAY,qBAAqB,cAAc;AAExD,SAAS,gCAAgC;AACzC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kCAAkC;AAC3C,SAAS,0CAA0C;AACnD,SAAS,wCAAwC;AACjD;AAAA,EAEE;AAAA,OAGK;AACP,SAAS,oBAAoB;AAC7B,SAAS,uCAAuC;AAChD,SAAS,oCAAoC;AAC7C,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mCAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,mCAAmC;AAC5C,SAAS,kCAAkC;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AACxC,SAAS,6BAA6B;AACtC,SAAS,oCAAoC;AAE7C,SAAS,eAAe;AACxB,SAAS,2BAA2B;AAE7B,MAAM,iBAAiB,WAG5B,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ,OAAO,CAAC;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,qBAAqB,IAAI,2BAA2B,KAAK;AAEhE,QAAM,SAAS,yBAAyB,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,MAAM,KAAK,MAAM,MAAM,eAAe,kBAAkB,IAC9D,aAAa,QAAQ;AAEvB,QAAM,8BAA8B;AAAA,IAClC,OAAO;AAAA,IACP,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE,mBAAmB;AAAA,IACxC,GAAG,KAAK,IAAI,CAAC,MAAM,EAAE,mBAAmB;AAAA,IACxC,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,mBAAmB;AAAA,EACzC;AAEA,QAAM,EAAE,YAAY,WAAW,IAAI,wBAAwB,QAAQ;AAEnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA,EAAE,MAAM,MAAM,KAAK,MAAM,cAAc;AAAA,IACvC,OAAO;AAAA,EACT;AAEA,QAAM,SAAS,iCAAiC,SAAS,KAAK;AAC9D,QAAM,qBAAqB,iBAAiB,aAAa,OAAO,SAAS;AAEzE,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,OAAO;AAAA,EACT;AAEA,QAAM,cAAc,aAAa,OAAO,KAAK;AAE7C,QAAM,EAAE,gBAAgB,cAAc,IAAI;AAAA,IACxC,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,IACb,CAAC,GAAG,OAAO,KAAK;AAAA,EAClB;AAEA,QAAM,cAAc,cAAc,IAAI,CAAC,MAAM,WAAW;AAAA,IACtD;AAAA,IACA,QAAQ,aAAa,IAAI;AAAA,IACzB,GAAG,oBAAoB,OAAO,eAAe,KAAK,CAAC;AAAA,EACrD,EAAE;AAEF,QAAM,iBAAiB,OAAO,aAC1B,CAAC,GAAI,OAAO,WAAW,QAAQ,CAAC,GAAI,GAAI,OAAO,WAAW,SAAS,CAAC,CAAE,IACtE,CAAC;AACL,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,sBAAsB,gBACxB,qBAAqB,eAAe,eAAe,IACnD;AAEJ,QAAM,oBAAoB,gBACtB,yBAAyB,eAAe,QAAQ,IAChD;AAEJ,QAAM,iBAAiB,CAAC,UAAgC;AACtD,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO,OAAO,KAAK;AAAA,UAAI,CAAC,MACtB,iBAAiB,GAAG;AAAA,YAClB,SAAS;AAAA,YACT,OAAO,OAAO;AAAA,UAChB,CAAC;AAAA,QACH;AAAA,MACF,KAAK;AACH,eAAO,OAAO,KAAK;AAAA,UAAI,CAAC,MACtB,iBAAiB,GAAG;AAAA,YAClB,SAAS;AAAA,YACT,OAAO,OAAO;AAAA,UAChB,CAAC;AAAA,QACH;AAAA,MACF,KAAK;AACH,eAAO,OAAO,IAAI;AAAA,UAAI,CAAC,MACrB,gBAAgB,GAAG,EAAE,SAAS,oBAAoB,CAAC;AAAA,QACrD;AAAA,MACF,KAAK;AACH,eAAO,OAAO,KAAK;AAAA,UAAI,CAAC,MACtB,iBAAiB,GAAG;AAAA,YAClB,SAAS;AAAA,YACT,OAAO,OAAO;AAAA,UAChB,CAAC;AAAA,QACH;AAAA,IACJ;AAAA,EACF;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,EAChB,IAAI,6BAA6B,QAAQ,YAAY;AAErD,QAAM,gBAAgB,OAAO,QAAQ;AACrC,QAAM,iBACJ,OAAO,QAAQ,YAAY,WAAW,WAAW;AAEnD,QAAM,QAAQ,OAAmB,IAAI;AAErC;AAAA,IACE;AAAA,IACA,MAAM,gCAAgC,OAAO,MAAM;AAAA,IACnD,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,uBAAuB,MAAM;AACjC,UAAM,YAAY,UAAU;AAAA,MAC1B,MAAM,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,MACpC,MAAM,QAAQ,KAAK,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,MACpC,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI;AAAA,MAClC,MAAM;AAAA,IACR,CAAC;AACD,gBAAY,WAAW,qBAAqB;AAAA,EAC9C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,CAAC;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,OAAO;AAAA,MACrB,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,gBAAgB,OAAO;AAAA,MACvB,wBAAwB;AAAA,MACxB,qBAAkB;AAAA,MACjB,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,UAAU;AAAA,YACV,oBAAoB,OAAO,QAAQ;AAAA;AAAA,QACrC;AAAA,QACC,cAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC9C,cAAc,oBAAC,QAAQ,YAAR,EAAoB,sBAAW;AAAA,QAC9C,MAAM,QAAQ,cAAc;AAAA,QAC5B,gBACC;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,SAAS,CAAC,gBAAgB,oBAAoB;AAC5C,oBAAM,uBAAuB,gBAAgB,WAAW;AACxD,kBAAI,sBAAsB;AACxB;AAAA,cACF;AACA,qBAAO;AAAA,gBACL,8BAA8B,gBAAgB,aAAa;AAAA,gBAC3D,+BAA+B,eAAe;AAAA,cAChD;AAAA,YACF;AAAA;AAAA,QACF,IACE;AAAA,QACJ;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,IAAI;AAAA,YACJ,MAAK;AAAA,YACL,UAAS;AAAA,YACT,KAAK,YAAY;AAAA,YACjB,KAAK,YAAY;AAAA,YACjB,OAAO,YAAY;AAAA,YACnB;AAAA,YACA;AAAA,YACA,aACE,OAAO;AAAA,YAET,aACE,OAAO;AAAA,YAET,cAAc;AAAA,YACd,cAAc,OAAO;AAAA,YACrB,WAAW;AAAA;AAAA,QACb;AAAA,QACC,YAAY,IAAI,CAAC,EAAE,MAAM,QAAQ,GAAG,UAAU,MAC7C;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEC,IAAI;AAAA,YACJ;AAAA,YACC,GAAG;AAAA,YACJ,qBAAqB;AAAA;AAAA,UAJhB;AAAA,QAKP,CACD;AAAA,QACD,oBAAC,QAAQ,QAAR,EAAgB,GAAG,OAAO,QAAQ;AAAA,QAClC,cAAc,IAAI,CAAC,SAClB;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YAEE,GAAG;AAAA;AAAA,UADC,GAAG,KAAK,UAAU,IAAI,KAAK,UAAU,IAAI,KAAK,aAAa;AAAA,QAElE,CACD;AAAA,QACD;AAAA,UAAC,QAAQ;AAAA,UAAR;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,WAAW;AAAA,YACV,GAAG,6BAA6B,OAAO,WAAW,CAAC,CAAC;AAAA;AAAA,QACvD;AAAA,QAEC,kBAAkB,WACjB,oBAAC,QAAQ,SAAR,EAAgB,WAAW,kBAAkB,WAAW;AAAA,QAE1D,gBAAgB,IAAI,CAAC,aAAa,UACjC,oBAAC,QAAQ,QAAR,EAA4B,GAAG,eAAX,KAAwB,CAC9C;AAAA,QACA,OAAO,eACN;AAAA,UACE,mCAAmC,OAAO,YAAY,MAAM;AAAA,UAC5D;AAAA,UACA,OAAO;AAAA,QACT;AAAA,QACD,iBAAiB,IAAI,CAAC,WAAW,UAChC,oBAAC,QAAQ,oBAAR,EAAwC,GAAG,aAAX,KAAsB,CACxD;AAAA;AAAA;AAAA,EACH;AAEJ,CAAC;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/types/timeseries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/types/timeseries.ts"],
-  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TimeseriesChartConfiguration } from './timeseries-config.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointsDisplay } from '../../../core/components/canvas/types/canvas-shape.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type { DateThresholdConfig } from '../../../core/types/thresholds.js';\nimport type {\n  Timeseries,\n  TimeseriesDatapoint,\n  TimeseriesUnit,\n} from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport type TimeseriesChartThresholdIndicatorProps = DateThresholdConfig;\n\nexport type ResolvedTimeseriesChartConfig = TimeseriesChartConfiguration;\n\nexport type TimeseriesSelectActions = (\n  selectedSeries: Timeseries[],\n  selectionDomain: [Date, Date],\n) => ReactNode | Promise<ReactNode>;\n\nexport const CHART_VARIANT_OPTIONS = ['line', 'area', 'bar'] as const;\nexport type ChartVariant = (typeof CHART_VARIANT_OPTIONS)[number];\nexport type ChartVariantInternal = ChartVariant | 'band';\nexport const DEFAULT_VARIANT: ChartVariant = 'line';\n\nexport interface TimeseriesBandDataPoint {\n  y0: number;\n  y1: number;\n  start: Date;\n  end?: Date;\n}\n\nexport type TimeseriesBand = {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: TimeseriesUnit | string | Unit;\n};\n\nexport type TimeseriesSeriesActions = (\n  timeseries: unknown,\n  datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint,\n) => SeriesActionsTemplate;\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n}\n\nexport type TimeseriesChartProps = StylingProps &\n  MaskingProps & {\n    data?: Timeseries[];\n    variant?: ChartVariant;\n    valueRepresentation?: ValueRepresentation;\n    children?: ReactNode;\n    loading?: boolean;\n    height?: number | string;\n    width?: number | string;\n    colorPalette?: ColorPalette | CustomColorPalette;\n    truncationMode?: TruncationMode;\n    initialZoom?: Date[] | number[];\n    currentZoom?: Date[] | number[];\n    onZoomChange?: ZoomChangeHandler;\n    infiniteZoom?: boolean;\n    seriesActions?: TimeseriesSeriesActions;\n    /** The gap policy to be applied to all series of the chart */\n    gapPolicy?: TimeGapPolicy;\n    /**\n     * Show the datapoints always, never or based on a threshold amount.\n     * @defaultValue 'auto'\n     */\n    pointsDisplay?: PointsDisplay;\n  };\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
-  "mappings": "AAkCO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { Unit } from '@dynatrace-sdk/units';\n\nimport type { TimeseriesChartConfiguration } from './timeseries-config.js';\nimport type { MaskingProps } from '../../../../core/types/masking-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { TruncationMode } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport type { PointsDisplay } from '../../../core/components/canvas/types/canvas-shape.js';\nimport type {\n  ColorPalette,\n  CustomColorPalette,\n} from '../../../core/types/color-palette.js';\nimport type { TimeGapPolicy } from '../../../core/types/gap-policy.js';\nimport type { ZoomChangeHandler } from '../../../core/types/interactions.js';\nimport type { ValueRepresentation } from '../../../core/types/scales.js';\nimport type { SeriesActionsTemplate } from '../../../core/types/series-actions-template.js';\nimport type { DateThresholdConfig } from '../../../core/types/thresholds.js';\nimport type {\n  SeriesCurve,\n  Timeseries,\n  TimeseriesDatapoint,\n  TimeseriesUnit,\n} from '../../../core/types/timeseries.js';\nimport type { ProgrammaticZoomHandlers } from '../../../core/types/zoom.js';\n\nexport type TimeseriesChartThresholdIndicatorProps = DateThresholdConfig;\n\nexport type ResolvedTimeseriesChartConfig = TimeseriesChartConfiguration;\n\nexport type TimeseriesSelectActions = (\n  selectedSeries: Timeseries[],\n  selectionDomain: [Date, Date],\n) => ReactNode | Promise<ReactNode>;\n\nexport const CHART_VARIANT_OPTIONS = ['line', 'area', 'bar'] as const;\nexport type ChartVariant = (typeof CHART_VARIANT_OPTIONS)[number];\nexport type ChartVariantInternal = ChartVariant | 'band';\nexport const DEFAULT_VARIANT: ChartVariant = 'line';\n\nexport interface TimeseriesBandDataPoint {\n  y0: number;\n  y1: number;\n  start: Date;\n  end?: Date;\n}\n\nexport type TimeseriesBand = {\n  datapoints: TimeseriesBandDataPoint[];\n  name: string | string[];\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  unit?: TimeseriesUnit | string | Unit;\n};\n\nexport type TimeseriesSeriesActions = (\n  timeseries: unknown,\n  datapoint?: TimeseriesDatapoint | TimeseriesBandDataPoint,\n) => SeriesActionsTemplate;\n\nexport interface TimeseriesChartLineProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartAreaProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n  pointsDisplay?: PointsDisplay;\n}\n\nexport interface TimeseriesChartBarProps {\n  data: Timeseries;\n  valueRepresentation?: ValueRepresentation;\n  color?: string;\n}\n\nexport interface TimeseriesChartBandProps {\n  data: TimeseriesBand;\n  color?: string;\n  gapPolicy?: TimeGapPolicy;\n}\n\nexport type TimeseriesChartProps = StylingProps &\n  MaskingProps & {\n    data?: Timeseries[];\n    variant?: ChartVariant;\n    valueRepresentation?: ValueRepresentation;\n    children?: ReactNode;\n    loading?: boolean;\n    height?: number | string;\n    width?: number | string;\n    colorPalette?: ColorPalette | CustomColorPalette;\n    truncationMode?: TruncationMode;\n    initialZoom?: Date[] | number[];\n    currentZoom?: Date[] | number[];\n    onZoomChange?: ZoomChangeHandler;\n    infiniteZoom?: boolean;\n    seriesActions?: TimeseriesSeriesActions;\n    /** The gap policy to be applied to all series of the chart */\n    gapPolicy?: TimeGapPolicy;\n    /**\n     * Show the datapoints always, never or based on a threshold amount.\n     * @defaultValue 'auto'\n     */\n    pointsDisplay?: PointsDisplay;\n    /** Defines the curve shape of line and area series. @defaultValue 'linear' */\n    curve?: SeriesCurve;\n  };\n\nexport interface TimeseriesChartRef extends ProgrammaticZoomHandlers {\n  element: HTMLDivElement | null;\n  getConfig: () => string;\n  downloadData: () => void;\n}\n"],
+  "mappings": "AAmCO,MAAM,wBAAwB,CAAC,QAAQ,QAAQ,KAAK;AAGpD,MAAM,kBAAgC;",
   "names": []
 }

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js

@@ -20,6 +20,7 @@ const renderLineSeries = (series, options = {}) => /* @__PURE__ */ jsx(
     y0Accessor: "value",
     color: series.color,
     pointsDisplay: series.pointsDisplay,
+    curve: options.curve,
     actions: options.actions
   }
 );
@@ -32,6 +33,7 @@ const renderAreaSeries = (series, options = {}) => /* @__PURE__ */ jsx(
     y1Accessor: "value",
     color: series.color,
     pointsDisplay: series.pointsDisplay,
+    curve: options.curve,
     actions: options.actions
   }
 );
@@ -56,6 +58,7 @@ const renderBandSeries = (series, options = {}) => /* @__PURE__ */ jsx(
     y0Accessor: "y0",
     y1Accessor: "y1",
     color: series.color,
+    curve: options.curve,
     actions: options.actions
   }
 );

package/esm/charts/xy-chart-adoption/timeseries/utils/render-series.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/render-series.tsx"],
-  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type {\n  XYAreaSeriesActions,\n  XYBarSeriesActions,\n  XYLineSeriesActions,\n} from '../map-series-actions.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\ntype LineSeriesOptions = { actions?: XYLineSeriesActions };\ntype AreaSeriesOptions = { actions?: XYAreaSeriesActions };\ntype BarSeriesOptions = { actions?: XYBarSeriesActions };\ntype BandSeriesOptions = { actions?: XYAreaSeriesActions };\n\nexport const renderLineSeries = (\n  series: SeriesProps,\n  options: LineSeriesOptions = {},\n) => (\n  <XYChart.LineSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y0Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y1Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n"],
-  "mappings": "AAiCE;AAhCF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAOO,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;",
+  "sourcesContent": ["import type { ChartUnit } from '../../../core/types/chart-unit.js';\nimport type { SeriesCurve } from '../../../core/types/timeseries.js';\nimport { getUnitAsString } from '../../../core/utils/get-unit-as-string.js';\nimport { XYChart } from '../../../xy-chart/XYChartRoot.js';\nimport type {\n  XYAreaSeriesActions,\n  XYBarSeriesActions,\n  XYLineSeriesActions,\n} from '../map-series-actions.js';\nimport type { SeriesProps } from '../transformer-data-to-xy.js';\n\nexport const xAxisId = 'x-axis';\n\nexport const defineAxisId = (unit: ChartUnit) =>\n  `y-axis-${getUnitAsString(unit)}`;\n\nconst baseSeriesProps = ({ data, unit, seriesId }: SeriesProps) => ({\n  data,\n  xAxisId,\n  yAxisId: defineAxisId(unit),\n  seriesIdAccessor: 'seriesId',\n  nameAccessor: 'seriesName',\n  key: seriesId,\n});\n\ntype LineSeriesOptions = { actions?: XYLineSeriesActions; curve?: SeriesCurve };\ntype AreaSeriesOptions = {\n  actions?: XYAreaSeriesActions;\n  curve?: SeriesCurve;\n};\ntype BarSeriesOptions = { actions?: XYBarSeriesActions };\ntype BandSeriesOptions = { actions?: XYAreaSeriesActions; curve?: SeriesCurve };\n\nexport const renderLineSeries = (\n  series: SeriesProps,\n  options: LineSeriesOptions = {},\n) => (\n  <XYChart.LineSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y0Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    curve={options.curve}\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"resolvedCenter\"\n    x1Accessor=\"resolvedEnd\"\n    y1Accessor=\"value\"\n    color={series.color}\n    pointsDisplay={series.pointsDisplay}\n    curve={options.curve}\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    color={series.color}\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    x0Accessor=\"start\"\n    x1Accessor=\"end\"\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    color={series.color}\n    curve={options.curve}\n    actions={options.actions}\n  />\n);\n"],
+  "mappings": "AAqCE;AAnCF,SAAS,uBAAuB;AAChC,SAAS,eAAe;AAQjB,MAAM,UAAU;AAEhB,MAAM,eAAe,CAAC,SAC3B,UAAU,gBAAgB,IAAI,CAAC;AAEjC,MAAM,kBAAkB,CAAC,EAAE,MAAM,MAAM,SAAS,OAAoB;AAAA,EAClE;AAAA,EACA;AAAA,EACA,SAAS,aAAa,IAAI;AAAA,EAC1B,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,KAAK;AACP;AAUO,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,OAAO,QAAQ;AAAA,IACf,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,eAAe,OAAO;AAAA,IACtB,OAAO,QAAQ;AAAA,IACf,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,mBAAmB,CAC9B,QACA,UAA6B,CAAC,MAE9B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,YAAW;AAAA,IACX,OAAO,OAAO;AAAA,IACd,OAAO,QAAQ;AAAA,IACf,SAAS,QAAQ;AAAA;AACnB;",
   "names": []
 }

package/esm/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-10-4 {
+._12zc70k0-3-11-0 {
   width: 100%;
-  color: var(--_bx32h0-3-10-4);
+  color: var(--_bx32h0-3-11-0);
 }
-._12zc70k1-3-10-4 {
+._12zc70k1-3-11-0 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-10-4 {
+._12zc70k2-3-11-0 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-10-4 {
+._12zc70k3-3-11-0 {
   transition-duration: var(--dt-animations-expand-collapse-duration-fast, 250ms);
   transition-timing-function: var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
   transition-property: transform;
 }
-._12zc70k4-3-10-4 {
+._12zc70k4-3-11-0 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-10-4 {
+._12zc70k5-3-11-0 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-10-4 {
+._12zc70k6-3-11-0 {
   transform: rotate(0);
 }
-._12zc70k7-3-10-4 {
+._12zc70k7-3-11-0 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-10-4 {
+._12zc70k8-3-11-0 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-10-4);
+  color: var(--_bx32h0-3-11-0);
 }
-._12zc70k9-3-10-4 {
+._12zc70k9-3-11-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-10-4 {
+._12zc70ka-3-11-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-10-4 {
+  ._12zc70k3-3-11-0 {
     transition-duration: 0s;
   }
 }

package/esm/content/accordion/Accordion.sty.js

@@ -2,14 +2,14 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./Accordion.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-10-4", variantClassNames: { size: { "default": "_12zc70k9-3-10-4", condensed: "_12zc70ka-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-10-4";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-10-4", condensed: "_12zc70k2-3-10-4" };
-var accordionLabelCSS = "_12zc70k0-3-10-4";
-var accordionTriggerIconCSS = "_12zc70k3-3-10-4";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-10-4";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-10-4";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-10-4";
+var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-11-0", variantClassNames: { size: { "default": "_12zc70k9-3-11-0", condensed: "_12zc70ka-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-11-0";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-11-0", condensed: "_12zc70k2-3-11-0" };
+var accordionLabelCSS = "_12zc70k0-3-11-0";
+var accordionTriggerIconCSS = "_12zc70k3-3-11-0";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-11-0";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-11-0";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-11-0";
 export {
   accordionContentCSS,
   accordionContentWrapperCSS,

package/esm/content/accordion/Accordion.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/Accordion.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-10-4',variantClassNames:{size:{'default':'_12zc70k9-3-10-4',condensed:'_12zc70ka-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-10-4';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-10-4',condensed:'_12zc70k2-3-10-4'};\nexport var accordionLabelCSS = '_12zc70k0-3-10-4';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-10-4';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-10-4';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-10-4';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-10-4';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './Accordion.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var accordionContentCSS = _7a468({defaultClassName:'_12zc70k8-3-11-0',variantClassNames:{size:{'default':'_12zc70k9-3-11-0',condensed:'_12zc70ka-3-11-0'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-11-0';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-11-0',condensed:'_12zc70k2-3-11-0'};\nexport var accordionLabelCSS = '_12zc70k0-3-11-0';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-11-0';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-11-0';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-11-0';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAClM,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,EAAC,WAAU,oBAAmB,WAAU,mBAAkB;AAC1F,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,6BAA6B;AACjC,IAAI,kCAAkC;AACtC,IAAI,+BAA+B;",
   "names": []
 }

package/esm/content/accordion/AccordionSectionContent.js

@@ -42,6 +42,7 @@ const AccordionSectionContent = /* @__PURE__ */ forwardRef((props, forwardedRef)
     motion.div,
     {
       "data-testid": dataTestId,
+      "aria-hidden": keepMounted && !isExpanded ? true : void 0,
       variants: animationVariantSectionContent,
       initial: "collapsed",
       animate: isExpanded ? "expanded" : "collapsed",

package/esm/content/accordion/AccordionSectionContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/accordion/AccordionSectionContent.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n  type Variants,\n} from 'framer-motion';\nimport { forwardRef, useContext, useState } from 'react';\n\nimport AnimationsJS from '@dynatrace/strato-design-tokens/animations-js';\n\nimport {\n  accordionContentCSS,\n  accordionContentWrapperCSS,\n} from './Accordion.sty.js';\nimport { AccordionSectionContext } from './contexts/AccordionSectionContext.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../core/utils/can-receive-default-text-format.js';\nimport { expandCollapseEasing } from '../../core/utils/framer-motion-easings.js';\nimport { Text } from '../../typography/text/Text.js';\n\n\n/** @public */\nexport type AccordionSectionContentProps = WithChildren &\n  StylingProps &\n  DataTestId;\n\n//variant for accordion section expand and collapse animation\nconst animationVariantSectionContent: Variants = {\n  expanded: {\n    height: 'auto',\n    opacity: 1,\n  },\n  collapsed: {\n    height: 0,\n    opacity: 0,\n  },\n};\n// #endregion\n\n/**\n * Accordion Section Content component\n * @public\n */\nexport const AccordionSectionContent = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  AccordionSectionContentProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n  }: AccordionSectionContentProps = props;\n  const { labelId, contentId, isExpanded, keepMounted, size } = useContext(\n    AccordionSectionContext,\n  );\n  const childIsText = _canReceiveDefaultTextFormat(children);\n  const [isAnimating, setIsAnimating] = useState(false);\n  const shouldReduceMotion = useReducedMotion();\n\n  const content = (\n    <motion.div\n      data-testid={dataTestId}\n      variants={animationVariantSectionContent}\n      initial=\"collapsed\"\n      animate={isExpanded ? 'expanded' : 'collapsed'}\n      exit=\"collapsed\"\n      transition={{\n        duration: shouldReduceMotion\n          ? 0\n          : AnimationsJS.ExpandCollapse.Duration.Base,\n        ease: expandCollapseEasing,\n      }}\n      className={clsx(accordionContentWrapperCSS, consumerClassName)}\n      style={{\n        ...consumerStyle,\n        willChange: 'initial',\n        overflow:\n          keepMounted && (isAnimating || !isExpanded) ? 'hidden' : undefined,\n      }}\n      onAnimationStart={() => {\n        setIsAnimating(true);\n      }}\n      onAnimationComplete={() => {\n        setIsAnimating(false);\n      }}\n    >\n      <div\n        className={clsx([\n          accordionContentCSS({\n            size,\n          }),\n          consumerClassName,\n        ])}\n        ref={forwardedRef}\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={labelId}\n      >\n        {childIsText ? (\n          <Text textStyle=\"base\" as=\"p\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </motion.div>\n  );\n\n  if (keepMounted) {\n    return content;\n  }\n\n  return (\n    <div style={{ overflow: isAnimating ? 'hidden' : undefined }}>\n      <AnimatePresence initial={false}>{isExpanded && content}</AnimatePresence>\n    </div>\n  );\n});\n\n(\n  AccordionSectionContent as typeof AccordionSectionContent & {\n    displayName: string;\n  }\n).displayName = 'Accordion.SectionContent';\n"],
-  "mappings": "AAuGU;AAvGV,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,YAAY,YAAY,gBAAgB;AAEjD,OAAO,kBAAkB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AAIxC,SAAS,+BAA+B,oCAAoC;AAC5E,SAAS,4BAA4B;AACrC,SAAS,YAAY;AASrB,MAAM,iCAA2C;AAAA,EAC/C,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOO,MAAM,0BAA0C,2BAGrD,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,EACjB,IAAkC;AAClC,QAAM,EAAE,SAAS,WAAW,YAAY,aAAa,KAAK,IAAI;AAAA,IAC5D;AAAA,EACF;AACA,QAAM,cAAc,6BAA6B,QAAQ;AACzD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,qBAAqB,iBAAiB;AAE5C,QAAM,UACJ;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,eAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAS,aAAa,aAAa;AAAA,MACnC,MAAK;AAAA,MACL,YAAY;AAAA,QACV,UAAU,qBACN,IACA,aAAa,eAAe,SAAS;AAAA,QACzC,MAAM;AAAA,MACR;AAAA,MACA,WAAW,KAAK,4BAA4B,iBAAiB;AAAA,MAC7D,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,UACE,gBAAgB,eAAe,CAAC,cAAc,WAAW;AAAA,MAC7D;AAAA,MACA,kBAAkB,MAAM;AACtB,uBAAe,IAAI;AAAA,MACrB;AAAA,MACA,qBAAqB,MAAM;AACzB,uBAAe,KAAK;AAAA,MACtB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,oBAAoB;AAAA,cAClB;AAAA,YACF,CAAC;AAAA,YACD;AAAA,UACF,CAAC;AAAA,UACD,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,mBAAiB;AAAA,UAEhB,wBACC,oBAAC,QAAK,WAAU,QAAO,IAAG,KACvB,UACH,IAEA;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF;AAGF,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,UAAU,cAAc,WAAW,OAAU,GACzD,8BAAC,mBAAgB,SAAS,OAAQ,wBAAc,SAAQ,GAC1D;AAEJ,CAAC;AAGC,wBAGA,cAAc;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n  type Variants,\n} from 'framer-motion';\nimport { forwardRef, useContext, useState } from 'react';\n\nimport AnimationsJS from '@dynatrace/strato-design-tokens/animations-js';\n\nimport {\n  accordionContentCSS,\n  accordionContentWrapperCSS,\n} from './Accordion.sty.js';\nimport { AccordionSectionContext } from './contexts/AccordionSectionContext.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { WithChildren } from '../../core/types/with-children.js';\nimport { canReceiveDefaultTextFormat as _canReceiveDefaultTextFormat } from '../../core/utils/can-receive-default-text-format.js';\nimport { expandCollapseEasing } from '../../core/utils/framer-motion-easings.js';\nimport { Text } from '../../typography/text/Text.js';\n\n/** @public */\nexport type AccordionSectionContentProps = WithChildren &\n  StylingProps &\n  DataTestId;\n\n//variant for accordion section expand and collapse animation\nconst animationVariantSectionContent: Variants = {\n  expanded: {\n    height: 'auto',\n    opacity: 1,\n  },\n  collapsed: {\n    height: 0,\n    opacity: 0,\n  },\n};\n// #endregion\n\n/**\n * Accordion Section Content component\n * @public\n */\nexport const AccordionSectionContent = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  AccordionSectionContentProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n  }: AccordionSectionContentProps = props;\n  const { labelId, contentId, isExpanded, keepMounted, size } = useContext(\n    AccordionSectionContext,\n  );\n  const childIsText = _canReceiveDefaultTextFormat(children);\n  const [isAnimating, setIsAnimating] = useState(false);\n  const shouldReduceMotion = useReducedMotion();\n\n  const content = (\n    <motion.div\n      data-testid={dataTestId}\n      aria-hidden={keepMounted && !isExpanded ? true : undefined}\n      variants={animationVariantSectionContent}\n      initial=\"collapsed\"\n      animate={isExpanded ? 'expanded' : 'collapsed'}\n      exit=\"collapsed\"\n      transition={{\n        duration: shouldReduceMotion\n          ? 0\n          : AnimationsJS.ExpandCollapse.Duration.Base,\n        ease: expandCollapseEasing,\n      }}\n      className={clsx(accordionContentWrapperCSS, consumerClassName)}\n      style={{\n        ...consumerStyle,\n        willChange: 'initial',\n        overflow:\n          keepMounted && (isAnimating || !isExpanded) ? 'hidden' : undefined,\n      }}\n      onAnimationStart={() => {\n        setIsAnimating(true);\n      }}\n      onAnimationComplete={() => {\n        setIsAnimating(false);\n      }}\n    >\n      <div\n        className={clsx([\n          accordionContentCSS({\n            size,\n          }),\n          consumerClassName,\n        ])}\n        ref={forwardedRef}\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={labelId}\n      >\n        {childIsText ? (\n          <Text textStyle=\"base\" as=\"p\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </motion.div>\n  );\n\n  if (keepMounted) {\n    return content;\n  }\n\n  return (\n    <div style={{ overflow: isAnimating ? 'hidden' : undefined }}>\n      <AnimatePresence initial={false}>{isExpanded && content}</AnimatePresence>\n    </div>\n  );\n});\n\n(\n  AccordionSectionContent as typeof AccordionSectionContent & {\n    displayName: string;\n  }\n).displayName = 'Accordion.SectionContent';\n"],
+  "mappings": "AAuGU;AAvGV,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,YAAY,YAAY,gBAAgB;AAEjD,OAAO,kBAAkB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AAIxC,SAAS,+BAA+B,oCAAoC;AAC5E,SAAS,4BAA4B;AACrC,SAAS,YAAY;AAQrB,MAAM,iCAA2C;AAAA,EAC/C,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AACF;AAOO,MAAM,0BAA0C,2BAGrD,CAAC,OAAO,iBAAiB;AACzB,QAAM;AAAA,IACJ;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,EACjB,IAAkC;AAClC,QAAM,EAAE,SAAS,WAAW,YAAY,aAAa,KAAK,IAAI;AAAA,IAC5D;AAAA,EACF;AACA,QAAM,cAAc,6BAA6B,QAAQ;AACzD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,qBAAqB,iBAAiB;AAE5C,QAAM,UACJ;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,eAAa;AAAA,MACb,eAAa,eAAe,CAAC,aAAa,OAAO;AAAA,MACjD,UAAU;AAAA,MACV,SAAQ;AAAA,MACR,SAAS,aAAa,aAAa;AAAA,MACnC,MAAK;AAAA,MACL,YAAY;AAAA,QACV,UAAU,qBACN,IACA,aAAa,eAAe,SAAS;AAAA,QACzC,MAAM;AAAA,MACR;AAAA,MACA,WAAW,KAAK,4BAA4B,iBAAiB;AAAA,MAC7D,OAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,UACE,gBAAgB,eAAe,CAAC,cAAc,WAAW;AAAA,MAC7D;AAAA,MACA,kBAAkB,MAAM;AACtB,uBAAe,IAAI;AAAA,MACrB;AAAA,MACA,qBAAqB,MAAM;AACzB,uBAAe,KAAK;AAAA,MACtB;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,KAAK;AAAA,YACd,oBAAoB;AAAA,cAClB;AAAA,YACF,CAAC;AAAA,YACD;AAAA,UACF,CAAC;AAAA,UACD,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAK;AAAA,UACL,mBAAiB;AAAA,UAEhB,wBACC,oBAAC,QAAK,WAAU,QAAO,IAAG,KACvB,UACH,IAEA;AAAA;AAAA,MAEJ;AAAA;AAAA,EACF;AAGF,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,SAAI,OAAO,EAAE,UAAU,cAAc,WAAW,OAAU,GACzD,8BAAC,mBAAgB,SAAS,OAAQ,wBAAc,SAAQ,GAC1D;AAEJ,CAAC;AAGC,wBAGA,cAAc;",
   "names": []
 }

package/esm/content/ai-loading-indicator/AiLoadingIndicator.css

@@ -1,4 +1,4 @@
-@keyframes _1te6oqj4-3-10-4 {
+@keyframes _1te6oqj4-3-11-0 {
   0% {
     background-position: 20% 0%;
   }
@@ -6,27 +6,27 @@
     background-position: -120% 100%;
   }
 }
-._1te6oqj5-3-10-4 {
-  --_1te6oqj0-3-10-4: #CB53F6;
-  --_1te6oqj1-3-10-4: #7FF8F9;
-  --_1te6oqj2-3-10-4: 15%;
-  --_1te6oqj3-3-10-4: 5%;
+._1te6oqj5-3-11-0 {
+  --_1te6oqj0-3-11-0: #CB53F6;
+  --_1te6oqj1-3-11-0: #7FF8F9;
+  --_1te6oqj2-3-11-0: 15%;
+  --_1te6oqj3-3-11-0: 5%;
   position: relative;
-  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-10-4) 0%, var(--_1te6oqj1-3-10-4) 100%);
+  background-image: linear-gradient(90deg, transparent 0%, transparent 5%, var(--dt-colors-text-neutral-default, #2f2f4f) 10%, var(--dt-colors-text-neutral-default, #2f2f4f) 90%, transparent 95%, transparent 100%), linear-gradient(var(--_1te6oqj0-3-11-0) 0%, var(--_1te6oqj1-3-11-0) 100%);
   background-size: 200% 600%;
   background-position: 0% 0%;
   background-clip: text;
   color: transparent;
-  animation-name: _1te6oqj4-3-10-4;
+  animation-name: _1te6oqj4-3-11-0;
   animation-duration: var(--dt-timings-slowest-gentle, 1500ms);
   animation-iteration-count: infinite;
   animation-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._1te6oqj6-3-10-4 {
+._1te6oqj6-3-11-0 {
   padding-top: calc(var(--dt-spacings-size-20, 20px) / 2 - 0.5lh);
   min-width: 0;
 }
-._1te6oqj7-3-10-4 {
+._1te6oqj7-3-11-0 {
   width: var(--dt-spacings-size-20, 20px);
   min-height: 1lh;
   display: flex;
@@ -34,12 +34,12 @@
   align-items: center;
   flex-shrink: 0;
 }
-._1te6oqj7-3-10-4 svg {
+._1te6oqj7-3-11-0 svg {
   display: block;
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
 }
-._1te6oqj8-3-10-4 {
+._1te6oqj8-3-11-0 {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;

package/esm/content/ai-loading-indicator/AiLoadingIndicator.sty.js

@@ -1,8 +1,8 @@
 import "./AiLoadingIndicator.css";
-var container = "_1te6oqj8-3-10-4";
-var iconWrapper = "_1te6oqj7-3-10-4";
-var label = "_1te6oqj6-3-10-4";
-var labelAnimation = "_1te6oqj5-3-10-4";
+var container = "_1te6oqj8-3-11-0";
+var iconWrapper = "_1te6oqj7-3-11-0";
+var label = "_1te6oqj6-3-11-0";
+var labelAnimation = "_1te6oqj5-3-11-0";
 export {
   container,
   iconWrapper,

package/esm/content/ai-loading-indicator/AiLoadingIndicator.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/ai-loading-indicator/AiLoadingIndicator.css.ts"],
-  "sourcesContent": ["import './AiLoadingIndicator.css';\nexport var container = '_1te6oqj8-3-10-4';\nexport var iconWrapper = '_1te6oqj7-3-10-4';\nexport var label = '_1te6oqj6-3-10-4';\nexport var labelAnimation = '_1te6oqj5-3-10-4';"],
+  "sourcesContent": ["import './AiLoadingIndicator.css';\nexport var container = '_1te6oqj8-3-11-0';\nexport var iconWrapper = '_1te6oqj7-3-11-0';\nexport var label = '_1te6oqj6-3-11-0';\nexport var labelAnimation = '_1te6oqj5-3-11-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,QAAQ;AACZ,IAAI,iBAAiB;",
   "names": []
 }

package/esm/content/ai-response/AiResponse.css

@@ -6,20 +6,20 @@
     opacity: 1;
   }
 }
-._jdyvf80-3-10-4 {
+._jdyvf80-3-11-0 {
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._jdyvf80-3-10-4 [data-sd-animate]:not(table [data-sd-animate]) {
+._jdyvf80-3-11-0 [data-sd-animate]:not(table [data-sd-animate]) {
   animation: var(--sd-animation, sd-aiResponseAnimation) var(--sd-duration, 200ms) var(--sd-easing, ease) both;
 }
-._jdyvf80-3-10-4 ._17pa72a1-3-10-4 {
+._jdyvf80-3-11-0 ._17pa72a1-3-11-0 {
   margin-bottom: calc(var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px));
   margin-top: calc(var(--dt-spacings-size-12, 12px) + var(--dt-spacings-size-2, 2px));
 }
-._jdyvf81-3-10-4 > :first-child {
+._jdyvf81-3-11-0 > :first-child {
   margin-top: 0;
 }
-._jdyvf81-3-10-4 > :last-child {
+._jdyvf81-3-11-0 > :last-child {
   margin-bottom: 0;
 }

package/esm/content/ai-response/AiResponse.sty.js

@@ -2,8 +2,8 @@ import "../../core/components/app-root/AppRoot.css";
 import "../code-snippet/CodeHighlight.css";
 import "../code-snippet/CodeSnippet.css";
 import "./AiResponse.css";
-var streamdown = "_jdyvf81-3-10-4";
-var wrapper = "_jdyvf80-3-10-4";
+var streamdown = "_jdyvf81-3-11-0";
+var wrapper = "_jdyvf80-3-11-0";
 export {
   streamdown,
   wrapper

package/esm/content/ai-response/AiResponse.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/ai-response/AiResponse.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../code-snippet/CodeHighlight.css';\nimport '../code-snippet/CodeSnippet.css';\nimport './AiResponse.css';\nexport var streamdown = '_jdyvf81-3-10-4';\nexport var wrapper = '_jdyvf80-3-10-4';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../code-snippet/CodeHighlight.css';\nimport '../code-snippet/CodeSnippet.css';\nimport './AiResponse.css';\nexport var streamdown = '_jdyvf81-3-11-0';\nexport var wrapper = '_jdyvf80-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,UAAU;",
   "names": []
 }

package/esm/content/avatar/Avatar.css

@@ -1,4 +1,4 @@
-._7llfy90-3-10-4 {
+._7llfy90-3-11-0 {
   cursor: default;
   box-sizing: border-box;
   border: 1px solid var(--dt-colors-border-neutral-default, #dadbe4);
@@ -15,20 +15,20 @@
   line-height: 1;
   padding: 0;
 }
-._7llfy91-3-10-4 {
+._7llfy91-3-11-0 {
   min-width: var(--dt-spacings-size-20, 20px);
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._7llfy92-3-10-4 {
+._7llfy92-3-11-0 {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy93-3-10-4 {
+._7llfy93-3-11-0 {
   border-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
   background-color: var(--dt-colors-background-surface-default, #fff);
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   z-index: 0;
 }
-._7llfy93-3-10-4:before {
+._7llfy93-3-11-0:before {
   content: "";
   aspect-ratio: 1/1;
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
@@ -37,36 +37,36 @@
   position: absolute;
   z-index: -1;
 }
-._7llfy94-3-10-4[tabindex]:hover, button._7llfy94-3-10-4:hover, a._7llfy94-3-10-4:hover, ._7llfy94-3-10-4:focus {
+._7llfy94-3-11-0[tabindex]:hover, button._7llfy94-3-11-0:hover, a._7llfy94-3-11-0:hover, ._7llfy94-3-11-0:focus {
   background-color: var(--dt-colors-background-field-neutral-accent-hover, #4d4e72);
   border-color: var(--dt-colors-border-neutral-default-hover, #d0d1dc);
   z-index: 1;
 }
-button._7llfy94-3-10-4:hover, a._7llfy94-3-10-4:hover, button._7llfy94-3-10-4:active, a._7llfy94-3-10-4:active {
+button._7llfy94-3-11-0:hover, a._7llfy94-3-11-0:hover, button._7llfy94-3-11-0:active, a._7llfy94-3-11-0:active {
   cursor: pointer;
   z-index: 1;
 }
-._7llfy94-3-10-4[tabindex]:active, button._7llfy94-3-10-4:active, a._7llfy94-3-10-4:active {
+._7llfy94-3-11-0[tabindex]:active, button._7llfy94-3-11-0:active, a._7llfy94-3-11-0:active {
   background-color: var(--dt-colors-background-field-neutral-accent-active, #404164);
   border-color: var(--dt-colors-border-neutral-default-active, #c6c7d5);
   z-index: 1;
 }
-._7llfy95-3-10-4:before {
+._7llfy95-3-11-0:before {
   min-width: var(--dt-spacings-size-20, 20px);
 }
-._7llfy96-3-10-4:before {
+._7llfy96-3-11-0:before {
   min-width: var(--dt-spacings-size-32, 32px);
 }
-._7llfy97-3-10-4 {
+._7llfy97-3-11-0 {
   padding: 0;
   margin: 0;
   border: none;
   background-color: transparent;
 }
-._7llfy98-3-10-4 {
+._7llfy98-3-11-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   overflow-wrap: break-word;
 }
-._7llfy99-3-10-4 ~ div > div {
+._7llfy99-3-11-0 ~ div > div {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }

package/esm/content/avatar/Avatar.sty.js

@@ -1,9 +1,9 @@
 import "./Avatar.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var avatarAbbreviation = _7a468({ defaultClassName: "_7llfy90-3-10-4", variantClassNames: { size: { small: "_7llfy91-3-10-4", "default": "_7llfy92-3-10-4" }, disabled: { true: "_7llfy93-3-10-4", false: "_7llfy94-3-10-4" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-10-4"], [{ disabled: true, size: "default" }, "_7llfy96-3-10-4"]] });
-var avatarDisabled = "_7llfy99-3-10-4";
-var avatarSubtitle = "_7llfy98-3-10-4";
-var avatarWrapper = "_7llfy97-3-10-4";
+var avatarAbbreviation = _7a468({ defaultClassName: "_7llfy90-3-11-0", variantClassNames: { size: { small: "_7llfy91-3-11-0", "default": "_7llfy92-3-11-0" }, disabled: { true: "_7llfy93-3-11-0", false: "_7llfy94-3-11-0" } }, defaultVariants: {}, compoundVariants: [[{ disabled: true, size: "small" }, "_7llfy95-3-11-0"], [{ disabled: true, size: "default" }, "_7llfy96-3-11-0"]] });
+var avatarDisabled = "_7llfy99-3-11-0";
+var avatarSubtitle = "_7llfy98-3-11-0";
+var avatarWrapper = "_7llfy97-3-11-0";
 export {
   avatarAbbreviation,
   avatarDisabled,

package/esm/content/avatar/Avatar.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/avatar/Avatar.css.ts"],
-  "sourcesContent": ["import './Avatar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatarAbbreviation = _7a468({defaultClassName:'_7llfy90-3-10-4',variantClassNames:{size:{small:'_7llfy91-3-10-4','default':'_7llfy92-3-10-4'},disabled:{true:'_7llfy93-3-10-4',false:'_7llfy94-3-10-4'}},defaultVariants:{},compoundVariants:[[{disabled:true,size:'small'},'_7llfy95-3-10-4'],[{disabled:true,size:'default'},'_7llfy96-3-10-4']]});\nexport var avatarDisabled = '_7llfy99-3-10-4';\nexport var avatarSubtitle = '_7llfy98-3-10-4';\nexport var avatarWrapper = '_7llfy97-3-10-4';"],
+  "sourcesContent": ["import './Avatar.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatarAbbreviation = _7a468({defaultClassName:'_7llfy90-3-11-0',variantClassNames:{size:{small:'_7llfy91-3-11-0','default':'_7llfy92-3-11-0'},disabled:{true:'_7llfy93-3-11-0',false:'_7llfy94-3-11-0'}},defaultVariants:{},compoundVariants:[[{disabled:true,size:'small'},'_7llfy95-3-11-0'],[{disabled:true,size:'default'},'_7llfy96-3-11-0']]});\nexport var avatarDisabled = '_7llfy99-3-11-0';\nexport var avatarSubtitle = '_7llfy98-3-11-0';\nexport var avatarWrapper = '_7llfy97-3-11-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,OAAM,mBAAkB,WAAU,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,MAAK,QAAO,GAAE,iBAAiB,GAAE,CAAC,EAAC,UAAS,MAAK,MAAK,UAAS,GAAE,iBAAiB,CAAC,EAAC,CAAC;AACvV,IAAI,iBAAiB;AACrB,IAAI,iBAAiB;AACrB,IAAI,gBAAgB;",
   "names": []
 }

package/esm/content/avatar-group/AvatarGroup.css

@@ -1,9 +1,9 @@
-._129un530-3-10-4 {
+._129un530-3-11-0 {
   display: flex;
 }
-._129un531-3-10-4 {
+._129un531-3-11-0 {
   margin-left: calc(var(--dt-spacings-size-4, 4px) * -1);
 }
-._129un531-3-10-4:first-child {
+._129un531-3-11-0:first-child {
   margin-left: var(--dt-spacings-size-0, 0);
 }