@sentropic/design-system-vue 0.26.1 → 0.28.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/dist/BarChart.d.ts +42 -1
- package/dist/BarChart.d.ts.map +1 -1
- package/dist/BarChart.js +73 -27
- package/dist/BarChart.js.map +1 -1
- package/dist/DataImage.d.ts +106 -0
- package/dist/DataImage.d.ts.map +1 -0
- package/dist/DataImage.js +42 -0
- package/dist/DataImage.js.map +1 -0
- package/dist/DivergentBarChart.d.ts +1 -1
- package/dist/DivergentBarChart.d.ts.map +1 -1
- package/dist/Embed.d.ts +89 -0
- package/dist/Embed.d.ts.map +1 -0
- package/dist/Embed.js +30 -0
- package/dist/Embed.js.map +1 -0
- package/dist/LineChart.d.ts +64 -1
- package/dist/LineChart.d.ts.map +1 -1
- package/dist/LineChart.js +103 -11
- package/dist/LineChart.js.map +1 -1
- package/dist/ScatterPlot.d.ts +27 -1
- package/dist/ScatterPlot.d.ts.map +1 -1
- package/dist/ScatterPlot.js +30 -4
- package/dist/ScatterPlot.js.map +1 -1
- package/dist/TreeView.d.ts +16 -2
- package/dist/TreeView.d.ts.map +1 -1
- package/dist/TreeView.js +136 -20
- package/dist/TreeView.js.map +1 -1
- package/dist/chartScale.d.ts +24 -0
- package/dist/chartScale.d.ts.map +1 -1
- package/dist/chartScale.js +59 -1
- package/dist/chartScale.js.map +1 -1
- package/dist/index.d.ts +6 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/styles.css +64 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -303,6 +303,38 @@
|
|
|
303
303
|
object-fit: cover;
|
|
304
304
|
}
|
|
305
305
|
|
|
306
|
+
.st-embed {
|
|
307
|
+
display: block;
|
|
308
|
+
width: 100%;
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.st-embed .st-aspectRatio {
|
|
312
|
+
background: var(--st-semantic-surface-subtle);
|
|
313
|
+
border: 1px solid var(--st-semantic-border-subtle);
|
|
314
|
+
border-radius: var(--st-radius-md, 0.375rem);
|
|
315
|
+
overflow: hidden;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
.st-embed__frame {
|
|
319
|
+
block-size: 100%;
|
|
320
|
+
border: 0;
|
|
321
|
+
display: block;
|
|
322
|
+
inline-size: 100%;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
.st-dataImage {
|
|
326
|
+
display: block;
|
|
327
|
+
max-inline-size: 100%;
|
|
328
|
+
}
|
|
329
|
+
|
|
330
|
+
.st-dataImage--cover {
|
|
331
|
+
object-fit: cover;
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
.st-dataImage--contain {
|
|
335
|
+
object-fit: contain;
|
|
336
|
+
}
|
|
337
|
+
|
|
306
338
|
.st-badge {
|
|
307
339
|
display: inline-flex;
|
|
308
340
|
align-items: center;
|
|
@@ -3395,6 +3427,13 @@
|
|
|
3395
3427
|
stroke: currentColor;
|
|
3396
3428
|
}
|
|
3397
3429
|
|
|
3430
|
+
/* Forecast segment — dashed, dedicated tokenized tone (palette purple),
|
|
3431
|
+
mirrors the dataviz ForecastLineChart fallback (dasharray 5 4). */
|
|
3432
|
+
.st-lineChart__line--forecast {
|
|
3433
|
+
stroke: var(--st-component-lineChart-forecastStroke, var(--st-semantic-data-category7));
|
|
3434
|
+
stroke-dasharray: 5 4;
|
|
3435
|
+
}
|
|
3436
|
+
|
|
3398
3437
|
.st-lineChart__area {
|
|
3399
3438
|
fill: currentColor;
|
|
3400
3439
|
opacity: 0.18;
|
|
@@ -3419,6 +3458,16 @@
|
|
|
3419
3458
|
outline-offset: 1px;
|
|
3420
3459
|
}
|
|
3421
3460
|
|
|
3461
|
+
.st-lineChart__dot--forecast {
|
|
3462
|
+
fill: var(--st-component-lineChart-forecastStroke, var(--st-semantic-data-category7));
|
|
3463
|
+
}
|
|
3464
|
+
|
|
3465
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3466
|
+
.st-lineChart__dot {
|
|
3467
|
+
transition: none;
|
|
3468
|
+
}
|
|
3469
|
+
}
|
|
3470
|
+
|
|
3422
3471
|
.st-lineChart__tooltip {
|
|
3423
3472
|
background: var(--st-component-lineChart-tooltipBackground, var(--st-semantic-surface-inverse));
|
|
3424
3473
|
border-radius: var(--st-radius-sm, 0.25rem);
|
|
@@ -5101,6 +5150,21 @@
|
|
|
5101
5150
|
.st-scatterPlot__point--category6 { fill: var(--st-semantic-data-category6); }
|
|
5102
5151
|
.st-scatterPlot__point--category7 { fill: var(--st-semantic-data-category7); }
|
|
5103
5152
|
.st-scatterPlot__point--category8 { fill: var(--st-semantic-data-category8); }
|
|
5153
|
+
/* Centroid markers — non-interactive ring + cross, toned via currentColor. */
|
|
5154
|
+
.st-scatterPlot__centroid { pointer-events: none; }
|
|
5155
|
+
.st-scatterPlot__centroidRing { fill: none; stroke: currentColor; stroke-width: 2; }
|
|
5156
|
+
.st-scatterPlot__centroidCross { stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
|
|
5157
|
+
.st-scatterPlot__centroid--category1 { color: var(--st-semantic-data-category1); }
|
|
5158
|
+
.st-scatterPlot__centroid--category2 { color: var(--st-semantic-data-category2); }
|
|
5159
|
+
.st-scatterPlot__centroid--category3 { color: var(--st-semantic-data-category3); }
|
|
5160
|
+
.st-scatterPlot__centroid--category4 { color: var(--st-semantic-data-category4); }
|
|
5161
|
+
.st-scatterPlot__centroid--category5 { color: var(--st-semantic-data-category5); }
|
|
5162
|
+
.st-scatterPlot__centroid--category6 { color: var(--st-semantic-data-category6); }
|
|
5163
|
+
.st-scatterPlot__centroid--category7 { color: var(--st-semantic-data-category7); }
|
|
5164
|
+
.st-scatterPlot__centroid--category8 { color: var(--st-semantic-data-category8); }
|
|
5165
|
+
@media (prefers-reduced-motion: reduce) {
|
|
5166
|
+
.st-scatterPlot__point { transition: none; }
|
|
5167
|
+
}
|
|
5104
5168
|
.st-scatterPlot__tooltip {
|
|
5105
5169
|
background: var(--st-semantic-surface-inverse); border-radius: var(--st-radius-sm, 0.25rem);
|
|
5106
5170
|
color: var(--st-semantic-text-inverse); display: inline-flex; flex-direction: column;
|