@fundar/data-chart-telling 0.0.58 → 0.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/configuration/config.svelte.js +5 -1
- package/dist/configuration/themes/index.d.ts +8 -0
- package/dist/layout/coordinates/CoordinatesLayout.svelte +6 -0
- package/dist/layout/legend/ContinuousSection.svelte +2 -2
- package/dist/types/configuration/styling.d.ts +4 -0
- package/package.json +1 -1
|
@@ -75,7 +75,9 @@ export const DEFAULT_CONFIG = {
|
|
|
75
75
|
length: '6px'
|
|
76
76
|
},
|
|
77
77
|
label: {
|
|
78
|
-
rotate: '0deg'
|
|
78
|
+
rotate: '0deg',
|
|
79
|
+
size: '0.875rem',
|
|
80
|
+
weight: 600
|
|
79
81
|
}
|
|
80
82
|
}
|
|
81
83
|
},
|
|
@@ -224,6 +226,8 @@ export function configToCssVars(c) {
|
|
|
224
226
|
'--dct-continuous-tick-width': c.legend.continuous.tick.width,
|
|
225
227
|
'--dct-continuous-tick-length': c.legend.continuous.tick.length,
|
|
226
228
|
'--dct-continuous-label-rotate': c.legend.continuous.label.rotate,
|
|
229
|
+
'--dct-continuous-label-size': c.legend.continuous.label.size,
|
|
230
|
+
'--dct-continuous-label-weight': String(c.legend.continuous.label.weight),
|
|
227
231
|
'--dct-axis-color': c.axis.color,
|
|
228
232
|
'--dct-tooltip-bg': c.tooltip.background,
|
|
229
233
|
'--dct-tooltip-color': c.tooltip.color,
|
|
@@ -73,6 +73,8 @@ export declare const THEMES: {
|
|
|
73
73
|
} | undefined;
|
|
74
74
|
label?: {
|
|
75
75
|
rotate?: string | undefined;
|
|
76
|
+
size?: string | undefined;
|
|
77
|
+
weight?: string | number | undefined;
|
|
76
78
|
} | undefined;
|
|
77
79
|
} | undefined;
|
|
78
80
|
} | undefined;
|
|
@@ -302,6 +304,8 @@ export declare const THEMES: {
|
|
|
302
304
|
} | undefined;
|
|
303
305
|
label?: {
|
|
304
306
|
rotate?: string | undefined;
|
|
307
|
+
size?: string | undefined;
|
|
308
|
+
weight?: string | number | undefined;
|
|
305
309
|
} | undefined;
|
|
306
310
|
} | undefined;
|
|
307
311
|
} | undefined;
|
|
@@ -531,6 +535,8 @@ export declare const THEMES: {
|
|
|
531
535
|
} | undefined;
|
|
532
536
|
label?: {
|
|
533
537
|
rotate?: string | undefined;
|
|
538
|
+
size?: string | undefined;
|
|
539
|
+
weight?: string | number | undefined;
|
|
534
540
|
} | undefined;
|
|
535
541
|
} | undefined;
|
|
536
542
|
} | undefined;
|
|
@@ -760,6 +766,8 @@ export declare const THEMES: {
|
|
|
760
766
|
} | undefined;
|
|
761
767
|
label?: {
|
|
762
768
|
rotate?: string | undefined;
|
|
769
|
+
size?: string | undefined;
|
|
770
|
+
weight?: string | number | undefined;
|
|
763
771
|
} | undefined;
|
|
764
772
|
} | undefined;
|
|
765
773
|
} | undefined;
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
.dct-continuous__labels {
|
|
259
259
|
position: relative;
|
|
260
260
|
height: 1rem;
|
|
261
|
-
font-size: var(--dct-
|
|
261
|
+
font-size: var(--dct-continuous-label-size, 0.875rem);
|
|
262
262
|
user-select: none;
|
|
263
263
|
}
|
|
264
264
|
.dct-continuous__edge {
|
|
@@ -284,7 +284,7 @@
|
|
|
284
284
|
*/
|
|
285
285
|
.dct-continuous__tick--handle-lo,
|
|
286
286
|
.dct-continuous__tick--handle-hi {
|
|
287
|
-
font-weight: 600;
|
|
287
|
+
font-weight: var(--dct-continuous-label-weight, 600);
|
|
288
288
|
}
|
|
289
289
|
.dct-continuous__tick--handle-lo {
|
|
290
290
|
transform: rotate(var(--dct-continuous-label-rotate, 0deg));
|
|
@@ -68,6 +68,10 @@ export type ChartConfig = {
|
|
|
68
68
|
label: {
|
|
69
69
|
/** Rotation applied to tick/edge label text. */
|
|
70
70
|
rotate: string;
|
|
71
|
+
/** font-size of the tick/edge/handle labels. */
|
|
72
|
+
size: string;
|
|
73
|
+
/** font-weight of the draggable lo/hi handle labels. */
|
|
74
|
+
weight: number | string;
|
|
71
75
|
};
|
|
72
76
|
};
|
|
73
77
|
};
|