svelteplot 0.4.3-pr-199.11 → 0.4.4-pr-205.0

package/dist/Mark.svelte.d.ts

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("./types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>> & {
         data?: Datum[] | undefined;

package/dist/marks/Area.svelte.d.ts

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/AreaX.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];

package/dist/marks/AreaY.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];

package/dist/marks/Arrow.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data: Datum[];

package/dist/marks/AxisX.svelte

@@ -14,6 +14,7 @@
         PlotDefaults,
         ChannelName
     } from '../types/index.js';
+    import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { derived } from 'svelte/store';
     import { autoTicks } from '../helpers/autoTicks.js';
@@ -22,7 +23,7 @@
     interface AxisXMarkProps
         extends Omit<
             BaseMarkProps<Datum>,
-            'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
+            'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
         > {
         data?: Datum[];
         automatic?: boolean;
@@ -49,6 +50,8 @@
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
+        /** text anchor for axis labels */
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
     }
 
     let markProps: AxisXMarkProps = $props();
@@ -58,6 +61,7 @@
         tickPadding: 3,
         tickFontSize: 11,
         titleFontSize: 11,
+        textAnchor: 'middle',
         opacity: 0.8,
         anchor: 'bottom',
         ...getContext<PlotDefaults>('svelteplot/_defaults').axis,

package/dist/marks/AxisX.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
+import type * as CSS from 'csstype';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -16,16 +17,16 @@ declare class __sveltets_Render<Datum extends RawValue> {
         stroke: import("../types/channel").ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
-        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeLinejoin: ConstantAccessor<CSS.Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<CSS.Property.StrokeLinecap, Datum>;
         strokeMiterlimit: ConstantAccessor<number, Datum>;
         opacity: import("../types/channel").ChannelAccessor<Datum>;
         strokeDasharray: ConstantAccessor<string, Datum>;
         strokeDashoffset: ConstantAccessor<number, Datum>;
-        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
         imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -57,9 +58,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
-        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
+        class?: string;
+        style?: string;
+        cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+    }>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
         title?: string | false | null;
@@ -81,6 +83,8 @@ declare class __sveltets_Render<Datum extends RawValue> {
         tickCount?: number;
         /** approximate number of pixels between generated ticks */
         tickSpacing?: number;
+        /** text anchor for axis labels */
+        textAnchor?: ConstantAccessor<CSS.Property.TextAnchor, Datum>;
     };
     events(): {};
     slots(): {};

package/dist/marks/AxisY.svelte

@@ -14,6 +14,7 @@
         ChannelName,
         ConstantAccessor
     } from '../types/index.js';
+    import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { autoTicks } from '../helpers/autoTicks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
@@ -21,7 +22,7 @@
     interface AxisYMarkProps
         extends Omit<
             BaseMarkProps<Datum>,
-            'fill' | 'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
+            'fillOpacity' | 'paintOrder' | 'title' | 'href' | 'target'
         > {
         data?: Datum[];
         automatic?: boolean;
@@ -196,7 +197,7 @@
             )}
             x={anchor === 'left' ? 0 : plot.width}
             y={5}
-            class="axis-x-title"
+            class="axis-y-title"
             dominant-baseline="hanging">{useTitle}</text>
     {/if}
     {#if showAxis}

package/dist/marks/AxisY.svelte.d.ts

@@ -1,4 +1,5 @@
 import type { RawValue, ConstantAccessor } from '../types/index.js';
+import type * as CSS from 'csstype';
 declare class __sveltets_Render<Datum extends RawValue> {
     props(): Omit<Partial<{
         filter?: ConstantAccessor<boolean, Datum>;
@@ -16,16 +17,16 @@ declare class __sveltets_Render<Datum extends RawValue> {
         stroke: import("../types/channel").ChannelAccessor<Datum>;
         strokeWidth: ConstantAccessor<number, Datum>;
         strokeOpacity: ConstantAccessor<number, Datum>;
-        strokeLinejoin: ConstantAccessor<import("csstype").Property.StrokeLinejoin, Datum>;
-        strokeLinecap: ConstantAccessor<import("csstype").Property.StrokeLinecap, Datum>;
+        strokeLinejoin: ConstantAccessor<CSS.Property.StrokeLinejoin, Datum>;
+        strokeLinecap: ConstantAccessor<CSS.Property.StrokeLinecap, Datum>;
         strokeMiterlimit: ConstantAccessor<number, Datum>;
         opacity: import("../types/channel").ChannelAccessor<Datum>;
         strokeDasharray: ConstantAccessor<string, Datum>;
         strokeDashoffset: ConstantAccessor<number, Datum>;
-        mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
+        mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
         imageFilter: ConstantAccessor<string, Datum>;
-        shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
+        shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;
         onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -57,9 +58,10 @@ declare class __sveltets_Render<Datum extends RawValue> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
-        cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
-    }>, "fill" | "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
+        class?: string;
+        style?: string;
+        cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
+    }>, "fillOpacity" | "href" | "target" | "title" | "paintOrder"> & {
         data?: Datum[] | undefined;
         automatic?: boolean;
         title?: string | false | null;

package/dist/marks/BarX.svelte.d.ts

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/BarY.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/Cell.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/Dot.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/DotX.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];

package/dist/marks/DotY.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & import("../types/mark").LinkableMarkProps<Record<string | symbol, import("../types/data").RawValue>> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];

package/dist/marks/Geo.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum = DataRecord | GeoJSON.GeoJsonObject> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & {
         data?: Datum[] | {

package/dist/marks/GridX.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum = RawValue> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data?: Datum[] | undefined;

package/dist/marks/GridY.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum = RawValue> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data?: Datum[] | undefined;

package/dist/marks/Line.svelte.d.ts

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & {
         data?: Datum[] | undefined;

package/dist/marks/LineX.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types").RawValue>>;
     }> & {
         data?: Record<string | symbol, import("../types").RawValue>[] | undefined;

package/dist/marks/LineY.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types").RawValue>>;
     }> & {
         data?: Record<string | symbol, import("../types").RawValue>[] | undefined;

package/dist/marks/Link.svelte.d.ts

@@ -58,7 +58,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & MarkerOptions & {
         data: Datum[];

package/dist/marks/Rect.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & BaseRectMarkProps<Datum> & {
         data: Datum[];

package/dist/marks/RuleX.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum = DataRecord | RawValue> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data?: Datum[] | undefined;

package/dist/marks/RuleY.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum = DataRecord> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data?: Datum[] | undefined;

package/dist/marks/Spike.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Record<string | symbol, import("../types/data").RawValue>>;
     }> & {
         data: Record<string | symbol, import("../types/data").RawValue>[];

package/dist/marks/Text.svelte.d.ts

@@ -59,7 +59,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<CSS.Property.Cursor, Datum>;
     }> & LinkableMarkProps<Datum> & {
         data?: Datum[] | undefined;

package/dist/marks/TickX.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data: Datum[];

package/dist/marks/TickY.svelte.d.ts

@@ -57,7 +57,8 @@ declare class __sveltets_Render<Datum extends DataRow> {
         ontouchcancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }>, "fill" | "fillOpacity"> & {
         data: Datum[];

package/dist/marks/Vector.svelte.d.ts

@@ -62,7 +62,8 @@ declare class __sveltets_Render<Datum extends DataRecord> {
         ontouchcancel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         oncontextmenu?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
         onwheel?: import("svelte/elements.js").MouseEventHandler<SVGPathElement>;
-        class: string | null;
+        class?: string;
+        style?: string;
         cursor: import("../types/index.js").ConstantAccessor<import("csstype").Property.Cursor, Datum>;
     }> & {
         data: Datum[];

package/dist/types/mark.d.ts

@@ -77,7 +77,11 @@ export type BaseMarkProps<T> = Partial<{
     /**
      * if you want to give your mark element an extra CSS class
      */
-    class: string | null;
+    class?: string;
+    /**
+     * if you want to give your mark element an extra inline style
+     */
+    style?: string;
     cursor: ConstantAccessor<CSS.Property.Cursor, T>;
 }>;
 export type LinkableMarkProps<T> = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.4.3-pr-199.11",
+    "version": "0.4.4-pr-205.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",