chore/feat: MeasureChart refactor

scripts/tsc-with-whitelist.sh

@@ -22,12 +22,6 @@ web-admin/src/routes/[organization]/-/settings/usage/+page.ts: error TS2307
 web-admin/src/routes/[organization]/-/upgrade-callback/+page.ts: error TS2307
 web-admin/src/routes/[organization]/[project]/-/open-query/+page.ts: error TS2307
 web-admin/src/routes/[organization]/[project]/-/share/[token]/+page.ts: error TS2345
-web-common/src/components/data-graphic/actions/mouse-position-to-domain-action-factory.ts: error TS2322
-web-common/src/components/data-graphic/actions/outline.ts: error TS18047
-web-common/src/components/data-graphic/actions/outline.ts: error TS2345
-web-common/src/components/data-graphic/marks/segment.ts: error TS2345
-web-common/src/components/data-graphic/utils.ts: error TS2362
-web-common/src/components/data-graphic/utils.ts: error TS2363
 web-common/src/components/editor/line-status/line-number-gutter.ts: error TS2322
 web-common/src/components/editor/line-status/line-number-gutter.ts: error TS2339
 web-common/src/components/editor/line-status/line-status-gutter.ts: error TS2339

scripts/web-test-code-quality.sh

@@ -79,7 +79,7 @@ if [[ "$COMMON" == "true" ]]; then
   npx svelte-kit sync
   cd ..
   npx eslint web-common --quiet || exit_code=$?
-  npx svelte-check --workspace web-common --no-tsconfig --ignore "src/features/dashboards/time-series/MetricsTimeSeriesCharts.svelte,src/features/dashboards/time-series/MeasureChart.svelte,src/features/dashboards/time-controls/TimeControls.svelte,src/components/data-graphic/elements/GraphicContext.svelte,src/components/data-graphic/guides/Axis.svelte,src/components/data-graphic/guides/DynamicallyPlacedLabel.svelte,src/components/data-graphic/guides/Grid.svelte,src/components/data-graphic/compositions/timestamp-profile/TimestampDetail.svelte,src/components/data-graphic/marks/Area.svelte,src/components/data-graphic/marks/ChunkedLine.svelte,src/components/data-graphic/marks/HistogramPrimitive.svelte,src/components/data-graphic/marks/Line.svelte,src/components/data-graphic/marks/MultiMetricMouseoverLabel.svelte,src/features/column-profile/column-types/details/SummaryNumberPlot.svelte,src/stories/Tooltip.stories.svelte,src/lib/number-formatting/__stories__/NumberFormatting.stories.svelte" || exit_code=$?
+  npx svelte-check --workspace web-common --no-tsconfig --ignore "src/stories/Tooltip.stories.svelte,src/lib/number-formatting/__stories__/NumberFormatting.stories.svelte" || exit_code=$?
 fi
 
 if [[ "$LOCAL" == "true" ]]; then

web-common/src/app.css

@@ -48,6 +48,12 @@
   .ui-measure-bar-excluded {
     @apply bg-surface-overlay;
   }
+
+  .text-outline {
+    stroke: var(--surface-background);
+    stroke-width: 4px;
+    paint-order: stroke;
+  }
 }
 
 @layer base {

web-common/src/components/BarAndLabel.svelte

@@ -34,7 +34,7 @@
     {customBackgroundColor !== ''
     ? customBackgroundColor
     : showBackground
-      ? 'bg-gray-100'
+      ? 'bg-surface-muted'
       : 'bg-transparent'}
     "
   style:flex="1"