@rokkit/chart 1.2.0 → 1.3.0
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/package.json
CHANGED
package/src/Plot/Legend.svelte
CHANGED
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
{#each patternItems as item (item.key)}
|
|
170
170
|
<div class="legend-item" data-plot-legend-item>
|
|
171
171
|
<svg width="14" height="14" data-plot-legend-swatch>
|
|
172
|
-
<rect width="14" height="14" fill="var(--
|
|
172
|
+
<rect width="14" height="14" fill="var(--paper-mute, #ccc)" />
|
|
173
173
|
<rect width="14" height="14" fill="url(#{item.patternId})" />
|
|
174
174
|
</svg>
|
|
175
175
|
<span class="label" data-plot-legend-label>{item.label}</span>
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
font-size: 12px;
|
|
243
243
|
}
|
|
244
244
|
.legend-section {
|
|
245
|
-
border-top: 1px solid var(--
|
|
245
|
+
border-top: 1px solid var(--paper-mute, #e0e0e0);
|
|
246
246
|
padding-top: 6px;
|
|
247
247
|
}
|
|
248
248
|
.legend-item {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
width = 280,
|
|
33
33
|
height = 120,
|
|
34
34
|
color = 'rgb(var(--color-primary, 249 115 22))',
|
|
35
|
-
dimColor = 'rgb(var(--
|
|
35
|
+
dimColor = 'rgb(var(--paper-mute, 203 213 225))'
|
|
36
36
|
}: Props = $props()
|
|
37
37
|
|
|
38
38
|
const cf = getContext<CrossFilter | undefined>('crossfilter')
|
|
@@ -285,7 +285,7 @@
|
|
|
285
285
|
flex-direction: column;
|
|
286
286
|
gap: 4px;
|
|
287
287
|
font-size: 12px;
|
|
288
|
-
color: rgb(var(--
|
|
288
|
+
color: rgb(var(--ink-soft, 100 116 139));
|
|
289
289
|
}
|
|
290
290
|
[data-filter-histogram-label] {
|
|
291
291
|
font-weight: 600;
|