@dynatrace/strato-components 3.5.2 → 3.7.0

package/esm/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.js

@@ -0,0 +1,17 @@
+const buildTimeseriesImperativeHandle = (xyRef) => ({
+  get element() {
+    return xyRef.current?.element ?? null;
+  },
+  getConfig: () => xyRef.current?.getConfig() ?? "{}",
+  downloadData: () => xyRef.current?.downloadData(),
+  exploreMode: () => xyRef.current?.exploreMode(),
+  zoomMode: () => xyRef.current?.zoomMode(),
+  panMode: () => xyRef.current?.panMode(),
+  zoomIn: () => xyRef.current?.zoomIn(),
+  zoomOut: () => xyRef.current?.zoomOut(),
+  reset: () => xyRef.current?.reset()
+});
+export {
+  buildTimeseriesImperativeHandle
+};
+//# sourceMappingURL=build-timeseries-imperative-handle.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/build-timeseries-imperative-handle.ts"],
+  "sourcesContent": ["import type { RefObject } from 'react';\n\nimport type { XYChartRef } from '../../../xy-chart/types/xy-chart.js';\nimport type { TimeseriesChartRef } from '../types/timeseries.js';\n\nexport const buildTimeseriesImperativeHandle = (\n  xyRef: RefObject<XYChartRef | null>,\n): TimeseriesChartRef => ({\n  get element() {\n    return xyRef.current?.element ?? null;\n  },\n  getConfig: () => xyRef.current?.getConfig() ?? '{}',\n  downloadData: () => xyRef.current?.downloadData(),\n  exploreMode: () => xyRef.current?.exploreMode(),\n  zoomMode: () => xyRef.current?.zoomMode(),\n  panMode: () => xyRef.current?.panMode(),\n  zoomIn: () => xyRef.current?.zoomIn(),\n  zoomOut: () => xyRef.current?.zoomOut(),\n  reset: () => xyRef.current?.reset(),\n});\n"],
+  "mappings": "AAKO,MAAM,kCAAkC,CAC7C,WACwB;AAAA,EACxB,IAAI,UAAU;AACZ,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC;AAAA,EACA,WAAW,MAAM,MAAM,SAAS,UAAU,KAAK;AAAA,EAC/C,cAAc,MAAM,MAAM,SAAS,aAAa;AAAA,EAChD,aAAa,MAAM,MAAM,SAAS,YAAY;AAAA,EAC9C,UAAU,MAAM,MAAM,SAAS,SAAS;AAAA,EACxC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,QAAQ,MAAM,MAAM,SAAS,OAAO;AAAA,EACpC,SAAS,MAAM,MAAM,SAAS,QAAQ;AAAA,EACtC,OAAO,MAAM,MAAM,SAAS,MAAM;AACpC;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/download/download-csv.fixtures.js

@@ -0,0 +1,145 @@
+import { units } from "@dynatrace-sdk/units";
+const rawDataWithTimeseriesAndBand = {
+  line: [
+    {
+      name: [
+        "pl1l-vh48.example.com",
+        "HYPERVISOR-CC7CFC844F787622",
+        "eu-zone-2"
+      ],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 51
+        }
+      ]
+    },
+    {
+      name: ["pl1l-vh93.example.com", "HYPERVISOR-610F030E04740015"],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 23.2
+        }
+      ]
+    },
+    {
+      name: ["pl1i-vh41.example.com"],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 36.84
+        }
+      ]
+    }
+  ],
+  area: [],
+  bar: [],
+  band: [
+    {
+      name: "Temperature Range",
+      unit: "\xB0C",
+      datapoints: [
+        {
+          y0: 16,
+          y1: 25,
+          start: /* @__PURE__ */ new Date("2023-01-01T01:00:00.000Z")
+        }
+      ]
+    }
+  ]
+};
+const CSV_WITH_TIMESERIES_AND_BAND_DATA = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value,y0,y1
+pl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51,,
+pl1l-vh93.example.com,HYPERVISOR-610F030E04740015,,pl1l-vh93.example.com\u2022HYPERVISOR-610F030E04740015,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,23.2,,
+pl1i-vh41.example.com,,,pl1i-vh41.example.com,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,36.84,,
+Temperature Range,,,Temperature Range,\xB0C,2023-01-01T01:00:00.000Z,,,16,25
+`;
+const rawDataWithTimeseries = {
+  line: [
+    {
+      name: [
+        "pl1l-vh48.example.com",
+        "HYPERVISOR-CC7CFC844F787622",
+        "eu-zone-2"
+      ],
+      unit: "percent",
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 51
+        }
+      ]
+    }
+  ],
+  area: [],
+  bar: [],
+  band: []
+};
+const rawDataWithTimeseriesAndSDKUnits = {
+  line: [
+    {
+      name: [
+        "pl1l-vh48.example.com",
+        "HYPERVISOR-CC7CFC844F787622",
+        "eu-zone-2"
+      ],
+      unit: units.percentage.percent,
+      datapoints: [
+        {
+          start: /* @__PURE__ */ new Date("2022-04-05T12:18:00.000Z"),
+          end: /* @__PURE__ */ new Date("2022-04-12T12:19:00.000Z"),
+          value: 51
+        }
+      ]
+    }
+  ],
+  area: [],
+  bar: [],
+  band: []
+};
+const CSV_WITH_TIMESERIES_DATA_SKD_UNIT = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value
+pl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,%,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51
+`;
+const CSV_WITH_TIMESERIES_DATA = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value
+pl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51
+`;
+const rawDataWithBand = {
+  line: [],
+  area: [],
+  bar: [],
+  band: [
+    {
+      name: "Temperature Range",
+      unit: "\xB0C",
+      datapoints: [
+        {
+          y0: 16,
+          y1: 25,
+          start: /* @__PURE__ */ new Date("2023-01-01T01:00:00.000Z")
+        }
+      ]
+    }
+  ]
+};
+const CSV_WITH_BAND_DATA = `dimension-1,series,unit,start,end,y0,y1
+Temperature Range,Temperature Range,\xB0C,2023-01-01T01:00:00.000Z,,16,25
+`;
+export {
+  CSV_WITH_BAND_DATA,
+  CSV_WITH_TIMESERIES_AND_BAND_DATA,
+  CSV_WITH_TIMESERIES_DATA,
+  CSV_WITH_TIMESERIES_DATA_SKD_UNIT,
+  rawDataWithBand,
+  rawDataWithTimeseries,
+  rawDataWithTimeseriesAndBand,
+  rawDataWithTimeseriesAndSDKUnits
+};
+//# sourceMappingURL=download-csv.fixtures.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/download/download-csv.fixtures.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart-adoption/timeseries/utils/download/download-csv.fixtures.ts"],
+  "sourcesContent": ["import { units } from '@dynatrace-sdk/units';\n\nimport type { RawDataForDownload } from './generate-columns.js';\n\nexport const rawDataWithTimeseriesAndBand: RawDataForDownload = {\n  line: [\n    {\n      name: [\n        'pl1l-vh48.example.com',\n        'HYPERVISOR-CC7CFC844F787622',\n        'eu-zone-2',\n      ],\n      unit: 'percent',\n      datapoints: [\n        {\n          start: new Date('2022-04-05T12:18:00.000Z'),\n          end: new Date('2022-04-12T12:19:00.000Z'),\n          value: 51,\n        },\n      ],\n    },\n    {\n      name: ['pl1l-vh93.example.com', 'HYPERVISOR-610F030E04740015'],\n      unit: 'percent',\n      datapoints: [\n        {\n          start: new Date('2022-04-05T12:18:00.000Z'),\n          end: new Date('2022-04-12T12:19:00.000Z'),\n          value: 23.2,\n        },\n      ],\n    },\n    {\n      name: ['pl1i-vh41.example.com'],\n      unit: 'percent',\n      datapoints: [\n        {\n          start: new Date('2022-04-05T12:18:00.000Z'),\n          end: new Date('2022-04-12T12:19:00.000Z'),\n          value: 36.84,\n        },\n      ],\n    },\n  ],\n  area: [],\n  bar: [],\n  band: [\n    {\n      name: 'Temperature Range',\n      unit: '\u00B0C',\n      datapoints: [\n        {\n          y0: 16,\n          y1: 25,\n          start: new Date('2023-01-01T01:00:00.000Z'),\n        },\n      ],\n    },\n  ],\n};\n\nexport const CSV_WITH_TIMESERIES_AND_BAND_DATA = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value,y0,y1\npl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51,,\npl1l-vh93.example.com,HYPERVISOR-610F030E04740015,,pl1l-vh93.example.com\u2022HYPERVISOR-610F030E04740015,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,23.2,,\npl1i-vh41.example.com,,,pl1i-vh41.example.com,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,36.84,,\nTemperature Range,,,Temperature Range,\u00B0C,2023-01-01T01:00:00.000Z,,,16,25\n`;\n\nexport const rawDataWithTimeseries: RawDataForDownload = {\n  line: [\n    {\n      name: [\n        'pl1l-vh48.example.com',\n        'HYPERVISOR-CC7CFC844F787622',\n        'eu-zone-2',\n      ],\n      unit: 'percent',\n      datapoints: [\n        {\n          start: new Date('2022-04-05T12:18:00.000Z'),\n          end: new Date('2022-04-12T12:19:00.000Z'),\n          value: 51,\n        },\n      ],\n    },\n  ],\n  area: [],\n  bar: [],\n  band: [],\n};\n\nexport const rawDataWithTimeseriesAndSDKUnits: RawDataForDownload = {\n  line: [\n    {\n      name: [\n        'pl1l-vh48.example.com',\n        'HYPERVISOR-CC7CFC844F787622',\n        'eu-zone-2',\n      ],\n      unit: units.percentage.percent,\n      datapoints: [\n        {\n          start: new Date('2022-04-05T12:18:00.000Z'),\n          end: new Date('2022-04-12T12:19:00.000Z'),\n          value: 51,\n        },\n      ],\n    },\n  ],\n  area: [],\n  bar: [],\n  band: [],\n};\n\nexport const CSV_WITH_TIMESERIES_DATA_SKD_UNIT = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value\npl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,%,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51\n`;\n\nexport const CSV_WITH_TIMESERIES_DATA = `dimension-1,dimension-2,dimension-3,series,unit,start,end,value\npl1l-vh48.example.com,HYPERVISOR-CC7CFC844F787622,eu-zone-2,pl1l-vh48.example.com\u2022HYPERVISOR-CC7CFC844F787622\u2022eu-zone-2,percent,2022-04-05T12:18:00.000Z,2022-04-12T12:19:00.000Z,51\n`;\n\nexport const rawDataWithBand: RawDataForDownload = {\n  line: [],\n  area: [],\n  bar: [],\n  band: [\n    {\n      name: 'Temperature Range',\n      unit: '\u00B0C',\n      datapoints: [\n        {\n          y0: 16,\n          y1: 25,\n          start: new Date('2023-01-01T01:00:00.000Z'),\n        },\n      ],\n    },\n  ],\n};\n\nexport const CSV_WITH_BAND_DATA = `dimension-1,series,unit,start,end,y0,y1\nTemperature Range,Temperature Range,\u00B0C,2023-01-01T01:00:00.000Z,,16,25\n`;\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAIf,MAAM,+BAAmD;AAAA,EAC9D,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,OAAO,oBAAI,KAAK,0BAA0B;AAAA,UAC1C,KAAK,oBAAI,KAAK,0BAA0B;AAAA,UACxC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM,CAAC,yBAAyB,6BAA6B;AAAA,MAC7D,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,OAAO,oBAAI,KAAK,0BAA0B;AAAA,UAC1C,KAAK,oBAAI,KAAK,0BAA0B;AAAA,UACxC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM,CAAC,uBAAuB;AAAA,MAC9B,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,OAAO,oBAAI,KAAK,0BAA0B;AAAA,UAC1C,KAAK,oBAAI,KAAK,0BAA0B;AAAA,UACxC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AAAA,EACN,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO,oBAAI,KAAK,0BAA0B;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,oCAAoC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1C,MAAM,wBAA4C;AAAA,EACvD,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,OAAO,oBAAI,KAAK,0BAA0B;AAAA,UAC1C,KAAK,oBAAI,KAAK,0BAA0B;AAAA,UACxC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AAAA,EACN,MAAM,CAAC;AACT;AAEO,MAAM,mCAAuD;AAAA,EAClE,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,MAAM,MAAM,WAAW;AAAA,MACvB,YAAY;AAAA,QACV;AAAA,UACE,OAAO,oBAAI,KAAK,0BAA0B;AAAA,UAC1C,KAAK,oBAAI,KAAK,0BAA0B;AAAA,UACxC,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AAAA,EACN,MAAM,CAAC;AACT;AAEO,MAAM,oCAAoC;AAAA;AAAA;AAI1C,MAAM,2BAA2B;AAAA;AAAA;AAIjC,MAAM,kBAAsC;AAAA,EACjD,MAAM,CAAC;AAAA,EACP,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AAAA,EACN,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,YAAY;AAAA,QACV;AAAA,UACE,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,OAAO,oBAAI,KAAK,0BAA0B;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,qBAAqB;AAAA;AAAA;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/download/format-csv.js

@@ -0,0 +1,78 @@
+import { isNumber } from "lodash-es";
+import {
+  generateColumns,
+  getNameCount
+} from "./generate-columns.js";
+import { escapeForCSV } from "../../../../../core/utils/download.js";
+import { getUnitAsString } from "../../../../core/utils/get-unit-as-string.js";
+import { singleLineName } from "../../../../core/utils/single-line-name.js";
+function fillRowNames(maxNameCount, series) {
+  const names = new Array(maxNameCount).fill("");
+  if (Array.isArray(series.name)) {
+    series.name.forEach((name, index) => {
+      names[index] = escapeForCSV(name);
+    });
+  } else {
+    names[0] = escapeForCSV(series.name);
+  }
+  return names;
+}
+const getDataPointValue = (dataPoint, column) => {
+  if (column === "start") {
+    return dataPoint.start;
+  }
+  if (column === "end") {
+    return dataPoint.end;
+  }
+  if (column === "value" && "value" in dataPoint) {
+    return dataPoint.value;
+  }
+  if (column === "y0" && "y0" in dataPoint) {
+    return dataPoint.y0;
+  }
+  if (column === "y1" && "y1" in dataPoint) {
+    return dataPoint.y1;
+  }
+  return void 0;
+};
+const parseValueForCsv = (value) => {
+  if (value instanceof Date) {
+    return value.toISOString();
+  } else if (isNumber(value)) {
+    return value.toString();
+  }
+  return "";
+};
+function formatCSV(rawData) {
+  const maxNameCount = getNameCount(rawData);
+  const columns = generateColumns(rawData, maxNameCount);
+  const dataPointColumns = columns.slice(columns.indexOf("start"));
+  let csv = `${columns.join(",")}
+`;
+  for (const variant of Object.keys(rawData)) {
+    for (const series of rawData[variant]) {
+      const names = fillRowNames(maxNameCount, series);
+      const joinedNames = singleLineName(names);
+      const seriesRow = names.concat([
+        joinedNames,
+        getUnitAsString(series.unit)
+      ]);
+      for (const dataPoint of series.datapoints) {
+        const dataPointRow = [];
+        for (const column of dataPointColumns) {
+          const value = getDataPointValue(dataPoint, column);
+          const parsedValue = parseValueForCsv(value);
+          dataPointRow.push(parsedValue);
+        }
+        csv += `${seriesRow.concat(dataPointRow).join(",")}
+`;
+      }
+    }
+  }
+  return csv;
+}
+export {
+  fillRowNames,
+  formatCSV
+};
+//# sourceMappingURL=format-csv.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/download/format-csv.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart-adoption/timeseries/utils/download/format-csv.ts"],
+  "sourcesContent": ["import { isNumber } from 'lodash-es';\n\nimport {\n  generateColumns,\n  getNameCount,\n  type RawDataForDownload,\n} from './generate-columns.js';\nimport { escapeForCSV } from '../../../../../core/utils/download.js';\nimport type {\n  Timeseries,\n  TimeseriesDatapoint,\n} from '../../../../core/types/timeseries.js';\nimport { getUnitAsString } from '../../../../core/utils/get-unit-as-string.js';\nimport { singleLineName } from '../../../../core/utils/single-line-name.js';\nimport type {\n  ChartVariantInternal,\n  TimeseriesBand,\n  TimeseriesBandDataPoint,\n} from '../../types/timeseries.js';\n\n/**\n * Populates array of names for each name of the series\n *\n * @param maxNameCount - maximum number of name columns\n * @param series - series or band to extract names from\n *\n * @returns array of escaped name values\n */\nexport function fillRowNames(\n  maxNameCount: number,\n  series: Timeseries | TimeseriesBand,\n): string[] {\n  const names = new Array(maxNameCount).fill('');\n\n  if (Array.isArray(series.name)) {\n    series.name.forEach((name, index) => {\n      names[index] = escapeForCSV(name);\n    });\n  } else {\n    names[0] = escapeForCSV(series.name);\n  }\n\n  return names;\n}\n\nconst getDataPointValue = (\n  dataPoint: TimeseriesDatapoint | TimeseriesBandDataPoint,\n  column: string,\n): Date | number | undefined => {\n  if (column === 'start') {\n    return dataPoint.start;\n  }\n  if (column === 'end') {\n    return dataPoint.end;\n  }\n  if (column === 'value' && 'value' in dataPoint) {\n    return dataPoint.value;\n  }\n  if (column === 'y0' && 'y0' in dataPoint) {\n    return dataPoint.y0;\n  }\n  if (column === 'y1' && 'y1' in dataPoint) {\n    return dataPoint.y1;\n  }\n  return undefined;\n};\n\nconst parseValueForCsv = (value: Date | undefined | number) => {\n  if (value instanceof Date) {\n    return value.toISOString();\n  } else if (isNumber(value)) {\n    return value.toString();\n  }\n\n  return '';\n};\n\n/**\n * Formats raw timeseries data as a CSV string\n *\n * @param rawData - series grouped by chart variant\n *\n * @returns CSV string\n */\nexport function formatCSV(rawData: RawDataForDownload) {\n  const maxNameCount = getNameCount(rawData);\n  const columns = generateColumns(rawData, maxNameCount);\n\n  const dataPointColumns = columns.slice(columns.indexOf('start'));\n\n  let csv = `${columns.join(',')}\\n`;\n\n  for (const variant of Object.keys(rawData) as ChartVariantInternal[]) {\n    for (const series of rawData[variant]) {\n      const names = fillRowNames(maxNameCount, series);\n      const joinedNames = singleLineName(names);\n\n      const seriesRow = names.concat([\n        joinedNames,\n        getUnitAsString(series.unit),\n      ]);\n\n      for (const dataPoint of series.datapoints) {\n        const dataPointRow: string[] = [];\n\n        for (const column of dataPointColumns) {\n          const value = getDataPointValue(dataPoint, column);\n          const parsedValue = parseValueForCsv(value);\n          dataPointRow.push(parsedValue);\n        }\n\n        csv += `${seriesRow.concat(dataPointRow).join(',')}\\n`;\n      }\n    }\n  }\n\n  return csv;\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAEzB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,oBAAoB;AAK7B,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAexB,SAAS,aACd,cACA,QACU;AACV,QAAM,QAAQ,IAAI,MAAM,YAAY,EAAE,KAAK,EAAE;AAE7C,MAAI,MAAM,QAAQ,OAAO,IAAI,GAAG;AAC9B,WAAO,KAAK,QAAQ,CAAC,MAAM,UAAU;AACnC,YAAM,KAAK,IAAI,aAAa,IAAI;AAAA,IAClC,CAAC;AAAA,EACH,OAAO;AACL,UAAM,CAAC,IAAI,aAAa,OAAO,IAAI;AAAA,EACrC;AAEA,SAAO;AACT;AAEA,MAAM,oBAAoB,CACxB,WACA,WAC8B;AAC9B,MAAI,WAAW,SAAS;AACtB,WAAO,UAAU;AAAA,EACnB;AACA,MAAI,WAAW,OAAO;AACpB,WAAO,UAAU;AAAA,EACnB;AACA,MAAI,WAAW,WAAW,WAAW,WAAW;AAC9C,WAAO,UAAU;AAAA,EACnB;AACA,MAAI,WAAW,QAAQ,QAAQ,WAAW;AACxC,WAAO,UAAU;AAAA,EACnB;AACA,MAAI,WAAW,QAAQ,QAAQ,WAAW;AACxC,WAAO,UAAU;AAAA,EACnB;AACA,SAAO;AACT;AAEA,MAAM,mBAAmB,CAAC,UAAqC;AAC7D,MAAI,iBAAiB,MAAM;AACzB,WAAO,MAAM,YAAY;AAAA,EAC3B,WAAW,SAAS,KAAK,GAAG;AAC1B,WAAO,MAAM,SAAS;AAAA,EACxB;AAEA,SAAO;AACT;AASO,SAAS,UAAU,SAA6B;AACrD,QAAM,eAAe,aAAa,OAAO;AACzC,QAAM,UAAU,gBAAgB,SAAS,YAAY;AAErD,QAAM,mBAAmB,QAAQ,MAAM,QAAQ,QAAQ,OAAO,CAAC;AAE/D,MAAI,MAAM,GAAG,QAAQ,KAAK,GAAG,CAAC;AAAA;AAE9B,aAAW,WAAW,OAAO,KAAK,OAAO,GAA6B;AACpE,eAAW,UAAU,QAAQ,OAAO,GAAG;AACrC,YAAM,QAAQ,aAAa,cAAc,MAAM;AAC/C,YAAM,cAAc,eAAe,KAAK;AAExC,YAAM,YAAY,MAAM,OAAO;AAAA,QAC7B;AAAA,QACA,gBAAgB,OAAO,IAAI;AAAA,MAC7B,CAAC;AAED,iBAAW,aAAa,OAAO,YAAY;AACzC,cAAM,eAAyB,CAAC;AAEhC,mBAAW,UAAU,kBAAkB;AACrC,gBAAM,QAAQ,kBAAkB,WAAW,MAAM;AACjD,gBAAM,cAAc,iBAAiB,KAAK;AAC1C,uBAAa,KAAK,WAAW;AAAA,QAC/B;AAEA,eAAO,GAAG,UAAU,OAAO,YAAY,EAAE,KAAK,GAAG,CAAC;AAAA;AAAA,MACpD;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/download/generate-columns.js

@@ -0,0 +1,49 @@
+function containsBandData(rawData) {
+  return rawData["band"]?.length > 0;
+}
+function containsSeriesData(rawData) {
+  return rawData["line"]?.length > 0 || rawData["area"]?.length > 0 || rawData["bar"]?.length > 0;
+}
+function getNameCount(rawData) {
+  return Object.keys(rawData).reduce(
+    (nameCount, variant) => {
+      const variantNameCount = rawData[variant].reduce(
+        (count, singleSeries) => Math.max(
+          count,
+          Array.isArray(singleSeries.name) ? singleSeries.name.length : 1
+        ),
+        0
+      );
+      return Math.max(nameCount, variantNameCount);
+    },
+    0
+  );
+}
+function generateNameColumns(nameCount) {
+  const names = [];
+  for (let i = 1; i <= nameCount; i++) {
+    names.push(`dimension-${i}`);
+  }
+  names.push("series");
+  return names;
+}
+function generateColumns(rawData, nameCount) {
+  const columns = ["unit", "start", "end"];
+  if (containsSeriesData(rawData)) {
+    columns.push("value");
+  }
+  if (containsBandData(rawData)) {
+    columns.push("y0");
+    columns.push("y1");
+  }
+  const names = generateNameColumns(nameCount);
+  return names.concat(columns);
+}
+export {
+  containsBandData,
+  containsSeriesData,
+  generateColumns,
+  generateNameColumns,
+  getNameCount
+};
+//# sourceMappingURL=generate-columns.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/download/generate-columns.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/charts/xy-chart-adoption/timeseries/utils/download/generate-columns.ts"],
+  "sourcesContent": ["import type { Timeseries } from '../../../../core/types/timeseries.js';\nimport type {\n  ChartVariant,\n  ChartVariantInternal,\n  TimeseriesBand,\n} from '../../types/timeseries.js';\n\nexport type RawDataForDownload = Record<ChartVariant, Timeseries[]> & {\n  band: TimeseriesBand[];\n};\n\n/**\n * Checks whether dataset contains Band geometry data\n *\n * @param rawData - dataset\n *\n * @returns boolean\n */\nexport function containsBandData(rawData: RawDataForDownload): boolean {\n  return rawData['band']?.length > 0;\n}\n\n/**\n * Checks whether dataset contains Line, Area or Bar geometry data\n *\n * @param rawData - dataset\n *\n * @returns boolean\n */\nexport function containsSeriesData(rawData: RawDataForDownload): boolean {\n  return (\n    rawData['line']?.length > 0 ||\n    rawData['area']?.length > 0 ||\n    rawData['bar']?.length > 0\n  );\n}\n\n/**\n * Gets maximum number of names that a series have\n *\n * @param rawData - series\n *\n * @returns number\n */\nexport function getNameCount(rawData: RawDataForDownload): number {\n  return (Object.keys(rawData) as ChartVariantInternal[]).reduce(\n    (nameCount, variant) => {\n      const variantNameCount = rawData[variant].reduce(\n        (count: number, singleSeries: Timeseries | TimeseriesBand) =>\n          Math.max(\n            count,\n            Array.isArray(singleSeries.name) ? singleSeries.name.length : 1,\n          ),\n        0,\n      );\n\n      return Math.max(nameCount, variantNameCount);\n    },\n    0,\n  );\n}\n\n/**\n * Generates a name column for each name, and the series column\n *\n * @param nameCount - number of name columns\n *\n * @returns name columns\n */\nexport function generateNameColumns(nameCount: number): string[] {\n  const names: string[] = [];\n\n  for (let i = 1; i <= nameCount; i++) {\n    names.push(`dimension-${i}`);\n  }\n\n  names.push('series');\n\n  return names;\n}\n\n/**\n * Generate all CSV columns for a given set of series\n *\n * @param rawData - series\n * @param nameCount - number of name columns\n *\n * @returns all columns\n */\nexport function generateColumns(\n  rawData: RawDataForDownload,\n  nameCount: number,\n): string[] {\n  const columns = ['unit', 'start', 'end'];\n\n  if (containsSeriesData(rawData)) {\n    columns.push('value');\n  }\n\n  if (containsBandData(rawData)) {\n    columns.push('y0');\n    columns.push('y1');\n  }\n\n  const names = generateNameColumns(nameCount);\n\n  return names.concat(columns);\n}\n"],
+  "mappings": "AAkBO,SAAS,iBAAiB,SAAsC;AACrE,SAAO,QAAQ,MAAM,GAAG,SAAS;AACnC;AASO,SAAS,mBAAmB,SAAsC;AACvE,SACE,QAAQ,MAAM,GAAG,SAAS,KAC1B,QAAQ,MAAM,GAAG,SAAS,KAC1B,QAAQ,KAAK,GAAG,SAAS;AAE7B;AASO,SAAS,aAAa,SAAqC;AAChE,SAAQ,OAAO,KAAK,OAAO,EAA6B;AAAA,IACtD,CAAC,WAAW,YAAY;AACtB,YAAM,mBAAmB,QAAQ,OAAO,EAAE;AAAA,QACxC,CAAC,OAAe,iBACd,KAAK;AAAA,UACH;AAAA,UACA,MAAM,QAAQ,aAAa,IAAI,IAAI,aAAa,KAAK,SAAS;AAAA,QAChE;AAAA,QACF;AAAA,MACF;AAEA,aAAO,KAAK,IAAI,WAAW,gBAAgB;AAAA,IAC7C;AAAA,IACA;AAAA,EACF;AACF;AASO,SAAS,oBAAoB,WAA6B;AAC/D,QAAM,QAAkB,CAAC;AAEzB,WAAS,IAAI,GAAG,KAAK,WAAW,KAAK;AACnC,UAAM,KAAK,aAAa,CAAC,EAAE;AAAA,EAC7B;AAEA,QAAM,KAAK,QAAQ;AAEnB,SAAO;AACT;AAUO,SAAS,gBACd,SACA,WACU;AACV,QAAM,UAAU,CAAC,QAAQ,SAAS,KAAK;AAEvC,MAAI,mBAAmB,OAAO,GAAG;AAC/B,YAAQ,KAAK,OAAO;AAAA,EACtB;AAEA,MAAI,iBAAiB,OAAO,GAAG;AAC7B,YAAQ,KAAK,IAAI;AACjB,YAAQ,KAAK,IAAI;AAAA,EACnB;AAEA,QAAM,QAAQ,oBAAoB,SAAS;AAE3C,SAAO,MAAM,OAAO,OAAO;AAC7B;",
+  "names": []
+}

package/esm/charts/xy-chart-adoption/timeseries/utils/map-timeseries-to-xy-color-rules.js

@@ -0,0 +1,46 @@
+import { isNil } from "lodash-es";
+import { getColorPalette } from "../../../core/utils/get-color-palette.js";
+import { singleLineName } from "../../../core/utils/single-line-name.js";
+import {
+  buildValidator,
+  VALUE_MATCHERS
+} from "../../../core/utils/validators.js";
+const TIMESERIES_DEFAULT_VALUE_ACCESSOR = "seriesName";
+function resolveTimeseriesColorRules(allSeries, colorRules) {
+  const isValid = buildValidator(VALUE_MATCHERS);
+  const resolved = [];
+  for (const rule of colorRules) {
+    const effectiveAccessor = rule.valueAccessor ?? TIMESERIES_DEFAULT_VALUE_ACCESSOR;
+    if (!rule.colorPalette || effectiveAccessor !== TIMESERIES_DEFAULT_VALUE_ACCESSOR) {
+      resolved.push({ ...rule, valueAccessor: effectiveAccessor });
+      continue;
+    }
+    let paletteIndex = 0;
+    for (const series of allSeries) {
+      const seriesName = singleLineName(series.name);
+      if (!isNil(seriesName) && isValid(seriesName, rule.comparator, rule.matchValue)) {
+        try {
+          const colorToken = getColorPalette(
+            seriesName,
+            paletteIndex,
+            rule.colorPalette
+          );
+          resolved.push({
+            comparator: "equals",
+            matchValue: seriesName,
+            color: colorToken.Default,
+            valueAccessor: TIMESERIES_DEFAULT_VALUE_ACCESSOR
+          });
+        } catch {
+        }
+        paletteIndex++;
+      }
+    }
+  }
+  return resolved;
+}
+export {
+  TIMESERIES_DEFAULT_VALUE_ACCESSOR,
+  resolveTimeseriesColorRules
+};
+//# sourceMappingURL=map-timeseries-to-xy-color-rules.js.map

package/esm/charts/xy-chart-adoption/timeseries/utils/map-timeseries-to-xy-color-rules.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/charts/xy-chart-adoption/timeseries/utils/map-timeseries-to-xy-color-rules.ts"],
+  "sourcesContent": ["import { isNil } from 'lodash-es';\n\nimport type {\n  ColorRuleProps,\n  MatchValue,\n} from '../../../core/types/color-rule.js';\nimport { getColorPalette } from '../../../core/utils/get-color-palette.js';\nimport { singleLineName } from '../../../core/utils/single-line-name.js';\nimport {\n  buildValidator,\n  VALUE_MATCHERS,\n} from '../../../core/utils/validators.js';\n\nexport const TIMESERIES_DEFAULT_VALUE_ACCESSOR = 'seriesName';\n\ntype SeriesWithName = { name: string | string[] };\n\nexport function resolveTimeseriesColorRules(\n  allSeries: SeriesWithName[],\n  colorRules: ColorRuleProps[],\n): ColorRuleProps[] {\n  const isValid = buildValidator(VALUE_MATCHERS);\n  const resolved: ColorRuleProps[] = [];\n\n  for (const rule of colorRules) {\n    const effectiveAccessor =\n      rule.valueAccessor ?? TIMESERIES_DEFAULT_VALUE_ACCESSOR;\n\n    if (\n      !rule.colorPalette ||\n      effectiveAccessor !== TIMESERIES_DEFAULT_VALUE_ACCESSOR\n    ) {\n      resolved.push({ ...rule, valueAccessor: effectiveAccessor });\n      continue;\n    }\n\n    let paletteIndex = 0;\n    for (const series of allSeries) {\n      const seriesName = singleLineName(series.name);\n      if (\n        !isNil(seriesName) &&\n        isValid(seriesName as MatchValue, rule.comparator, rule.matchValue)\n      ) {\n        try {\n          const colorToken = getColorPalette(\n            seriesName,\n            paletteIndex,\n            rule.colorPalette,\n          );\n          resolved.push({\n            comparator: 'equals' as const,\n            matchValue: seriesName,\n            color: colorToken.Default,\n            valueAccessor: TIMESERIES_DEFAULT_VALUE_ACCESSOR,\n          });\n        } catch {\n          // Invalid palette name \u2014 skip this series\n        }\n        paletteIndex++;\n      }\n    }\n  }\n\n  return resolved;\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AAMtB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,oCAAoC;AAI1C,SAAS,4BACd,WACA,YACkB;AAClB,QAAM,UAAU,eAAe,cAAc;AAC7C,QAAM,WAA6B,CAAC;AAEpC,aAAW,QAAQ,YAAY;AAC7B,UAAM,oBACJ,KAAK,iBAAiB;AAExB,QACE,CAAC,KAAK,gBACN,sBAAsB,mCACtB;AACA,eAAS,KAAK,EAAE,GAAG,MAAM,eAAe,kBAAkB,CAAC;AAC3D;AAAA,IACF;AAEA,QAAI,eAAe;AACnB,eAAW,UAAU,WAAW;AAC9B,YAAM,aAAa,eAAe,OAAO,IAAI;AAC7C,UACE,CAAC,MAAM,UAAU,KACjB,QAAQ,YAA0B,KAAK,YAAY,KAAK,UAAU,GAClE;AACA,YAAI;AACF,gBAAM,aAAa;AAAA,YACjB;AAAA,YACA;AAAA,YACA,KAAK;AAAA,UACP;AACA,mBAAS,KAAK;AAAA,YACZ,YAAY;AAAA,YACZ,YAAY;AAAA,YACZ,OAAO,WAAW;AAAA,YAClB,eAAe;AAAA,UACjB,CAAC;AAAA,QACH,QAAQ;AAAA,QAER;AACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

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

@@ -0,0 +1,58 @@
+import { jsx } from "react/jsx-runtime";
+import { getUnitAsString } from "../../../core/utils/get-unit-as-string.js";
+import { XYChart } from "../../../xy-chart/XYChartRoot.js";
+const xAxisId = "x-axis";
+const defineAxisId = (unit) => `y-axis-${getUnitAsString(unit)}`;
+const baseSeriesProps = ({ data, unit, seriesId }) => ({
+  data,
+  xAxisId,
+  yAxisId: defineAxisId(unit),
+  x0Accessor: "start",
+  x1Accessor: "end",
+  seriesIdAccessor: "seriesId",
+  nameAccessor: "seriesName",
+  key: seriesId
+});
+const renderLineSeries = (series, options = {}) => /* @__PURE__ */ jsx(
+  XYChart.LineSeries,
+  {
+    ...baseSeriesProps(series),
+    y0Accessor: "value",
+    actions: options.actions
+  }
+);
+const renderAreaSeries = (series, options = {}) => /* @__PURE__ */ jsx(
+  XYChart.AreaSeries,
+  {
+    ...baseSeriesProps(series),
+    y1Accessor: "value",
+    actions: options.actions
+  }
+);
+const renderBarSeries = (series, options = {}) => /* @__PURE__ */ jsx(
+  XYChart.BarSeries,
+  {
+    ...baseSeriesProps(series),
+    variant: "stack",
+    y1Accessor: "value",
+    actions: options.actions
+  }
+);
+const renderBandSeries = (series, options = {}) => /* @__PURE__ */ jsx(
+  XYChart.AreaSeries,
+  {
+    ...baseSeriesProps(series),
+    y0Accessor: "y0",
+    y1Accessor: "y1",
+    actions: options.actions
+  }
+);
+export {
+  defineAxisId,
+  renderAreaSeries,
+  renderBandSeries,
+  renderBarSeries,
+  renderLineSeries,
+  xAxisId
+};
+//# sourceMappingURL=render-series.js.map

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

@@ -0,0 +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  x0Accessor: 'start',\n  x1Accessor: 'end',\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    y0Accessor=\"value\"\n    actions={options.actions}\n  />\n);\n\nexport const renderAreaSeries = (\n  series: SeriesProps,\n  options: AreaSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y1Accessor=\"value\"\n    actions={options.actions}\n  />\n);\n\nexport const renderBarSeries = (\n  series: SeriesProps,\n  options: BarSeriesOptions = {},\n) => (\n  <XYChart.BarSeries\n    {...baseSeriesProps(series)}\n    variant=\"stack\"\n    y1Accessor=\"value\"\n    actions={options.actions}\n  />\n);\n\nexport const renderBandSeries = (\n  series: SeriesProps,\n  options: BandSeriesOptions = {},\n) => (\n  <XYChart.AreaSeries\n    {...baseSeriesProps(series)}\n    y0Accessor=\"y0\"\n    y1Accessor=\"y1\"\n    actions={options.actions}\n  />\n);\n"],
+  "mappings": "AAmCE;AAlCF,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,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,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,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,SAAS,QAAQ;AAAA;AACnB;AAGK,MAAM,kBAAkB,CAC7B,QACA,UAA4B,CAAC,MAE7B;AAAA,EAAC,QAAQ;AAAA,EAAR;AAAA,IACE,GAAG,gBAAgB,MAAM;AAAA,IAC1B,SAAQ;AAAA,IACR,YAAW;AAAA,IACX,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,SAAS,QAAQ;AAAA;AACnB;",
+  "names": []
+}

package/esm/content/accordion/Accordion.css

@@ -1,45 +1,45 @@
-._12zc70k0-3-5-2 {
+._12zc70k0-3-7-0 {
   width: 100%;
-  color: var(--_bx32h0-3-5-2);
+  color: var(--_bx32h0-3-7-0);
 }
-._12zc70k1-3-5-2 {
+._12zc70k1-3-7-0 {
   margin: var(--dt-spacings-size-8, 8px) 0;
 }
-._12zc70k2-3-5-2 {
+._12zc70k2-3-7-0 {
   margin: var(--dt-spacings-size-4, 4px) 0;
 }
-._12zc70k3-3-5-2 {
+._12zc70k3-3-7-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-5-2 {
+._12zc70k4-3-7-0 {
   transform: rotate(-90deg);
 }
-._12zc70k5-3-5-2 {
+._12zc70k5-3-7-0 {
   transform: rotate(90deg);
 }
-._12zc70k6-3-5-2 {
+._12zc70k6-3-7-0 {
   transform: rotate(0);
 }
-._12zc70k7-3-5-2 {
+._12zc70k7-3-7-0 {
   box-sizing: border-box;
   transform-origin: top center;
   display: flex;
 }
-._12zc70k8-3-5-2 {
+._12zc70k8-3-7-0 {
   width: 100%;
   box-sizing: border-box;
-  color: var(--_bx32h0-3-5-2);
+  color: var(--_bx32h0-3-7-0);
 }
-._12zc70k9-3-5-2 {
+._12zc70k9-3-7-0 {
   padding-top: var(--dt-spacings-size-8, 8px);
 }
-._12zc70ka-3-5-2 {
+._12zc70ka-3-7-0 {
   padding-top: var(--dt-spacings-size-4, 4px);
 }
 @media (prefers-reduced-motion) {
-  ._12zc70k3-3-5-2 {
+  ._12zc70k3-3-7-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-5-2", variantClassNames: { size: { "default": "_12zc70k9-3-5-2", condensed: "_12zc70ka-3-5-2" } }, defaultVariants: {}, compoundVariants: [] });
-var accordionContentWrapperCSS = "_12zc70k7-3-5-2";
-var accordionDividerMarginCSS = { "default": "_12zc70k1-3-5-2", condensed: "_12zc70k2-3-5-2" };
-var accordionLabelCSS = "_12zc70k0-3-5-2";
-var accordionTriggerIconCSS = "_12zc70k3-3-5-2";
-var accordionTriggerIconEndCSS = "_12zc70k5-3-5-2";
-var accordionTriggerIconExpandedCSS = "_12zc70k6-3-5-2";
-var accordionTriggerIconStartCSS = "_12zc70k4-3-5-2";
+var accordionContentCSS = _7a468({ defaultClassName: "_12zc70k8-3-7-0", variantClassNames: { size: { "default": "_12zc70k9-3-7-0", condensed: "_12zc70ka-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
+var accordionContentWrapperCSS = "_12zc70k7-3-7-0";
+var accordionDividerMarginCSS = { "default": "_12zc70k1-3-7-0", condensed: "_12zc70k2-3-7-0" };
+var accordionLabelCSS = "_12zc70k0-3-7-0";
+var accordionTriggerIconCSS = "_12zc70k3-3-7-0";
+var accordionTriggerIconEndCSS = "_12zc70k5-3-7-0";
+var accordionTriggerIconExpandedCSS = "_12zc70k6-3-7-0";
+var accordionTriggerIconStartCSS = "_12zc70k4-3-7-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-5-2',variantClassNames:{size:{'default':'_12zc70k9-3-5-2',condensed:'_12zc70ka-3-5-2'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-5-2';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-5-2',condensed:'_12zc70k2-3-5-2'};\nexport var accordionLabelCSS = '_12zc70k0-3-5-2';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-5-2';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-5-2';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-5-2';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-5-2';"],
+  "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-7-0',variantClassNames:{size:{'default':'_12zc70k9-3-7-0',condensed:'_12zc70ka-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var accordionContentWrapperCSS = '_12zc70k7-3-7-0';\nexport var accordionDividerMarginCSS = {'default':'_12zc70k1-3-7-0',condensed:'_12zc70k2-3-7-0'};\nexport var accordionLabelCSS = '_12zc70k0-3-7-0';\nexport var accordionTriggerIconCSS = '_12zc70k3-3-7-0';\nexport var accordionTriggerIconEndCSS = '_12zc70k5-3-7-0';\nexport var accordionTriggerIconExpandedCSS = '_12zc70k6-3-7-0';\nexport var accordionTriggerIconStartCSS = '_12zc70k4-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/L,IAAI,6BAA6B;AACjC,IAAI,4BAA4B,EAAC,WAAU,mBAAkB,WAAU,kBAAiB;AACxF,IAAI,oBAAoB;AACxB,IAAI,0BAA0B;AAC9B,IAAI,6BAA6B;AACjC,IAAI,kCAAkC;AACtC,IAAI,+BAA+B;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-@keyframes _1te6oqj4-3-5-2 {
+@keyframes _1te6oqj4-3-7-0 {
   0% {
     background-position: 20% 0%;
   }
@@ -6,27 +6,27 @@
     background-position: -120% 100%;
   }
 }
-._1te6oqj5-3-5-2 {
-  --_1te6oqj0-3-5-2: #CB53F6;
-  --_1te6oqj1-3-5-2: #7FF8F9;
-  --_1te6oqj2-3-5-2: 15%;
-  --_1te6oqj3-3-5-2: 5%;
+._1te6oqj5-3-7-0 {
+  --_1te6oqj0-3-7-0: #CB53F6;
+  --_1te6oqj1-3-7-0: #7FF8F9;
+  --_1te6oqj2-3-7-0: 15%;
+  --_1te6oqj3-3-7-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-5-2) 0%, var(--_1te6oqj1-3-5-2) 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-7-0) 0%, var(--_1te6oqj1-3-7-0) 100%);
   background-size: 200% 600%;
   background-position: 0% 0%;
   background-clip: text;
   color: transparent;
-  animation-name: _1te6oqj4-3-5-2;
+  animation-name: _1te6oqj4-3-7-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-5-2 {
+._1te6oqj6-3-7-0 {
   padding-top: calc(var(--dt-spacings-size-20, 20px) / 2 - 0.5lh);
   min-width: 0;
 }
-._1te6oqj7-3-5-2 {
+._1te6oqj7-3-7-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-5-2 svg {
+._1te6oqj7-3-7-0 svg {
   display: block;
   width: var(--dt-spacings-size-20, 20px);
   height: var(--dt-spacings-size-20, 20px);
 }
-._1te6oqj8-3-5-2 {
+._1te6oqj8-3-7-0 {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;