@vaadin/charts 24.5.0-alpha5 → 24.5.0-alpha6
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 +6 -6
- package/theme/vaadin-chart-base-theme.js +33 -10
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/charts",
|
|
3
|
-
"version": "24.5.0-
|
|
3
|
+
"version": "24.5.0-alpha6",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/component-base": "24.5.0-
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "24.5.0-
|
|
41
|
-
"@vaadin/vaadin-material-styles": "24.5.0-
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "24.5.0-
|
|
39
|
+
"@vaadin/component-base": "24.5.0-alpha6",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "24.5.0-alpha6",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "24.5.0-alpha6",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "24.5.0-alpha6",
|
|
43
43
|
"highcharts": "9.2.2"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"web-types.json",
|
|
53
53
|
"web-types.lit.json"
|
|
54
54
|
],
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "c5f541dbe961a994730d4c60472ae957bf6b4c12"
|
|
56
56
|
}
|
|
@@ -155,7 +155,9 @@ const chartBaseTheme = css`
|
|
|
155
155
|
cursor: pointer;
|
|
156
156
|
fill: var(--vaadin-charts-disabled-label, hsla(214, 50%, 22%, 0.26));
|
|
157
157
|
font-size: 0.7em;
|
|
158
|
-
transition:
|
|
158
|
+
transition:
|
|
159
|
+
fill 250ms,
|
|
160
|
+
font-size 250ms;
|
|
159
161
|
}
|
|
160
162
|
|
|
161
163
|
:where([styled-mode]) .highcharts-credits:hover {
|
|
@@ -435,14 +437,20 @@ const chartBaseTheme = css`
|
|
|
435
437
|
:where([styled-mode]) .highcharts-treemap-series .highcharts-point {
|
|
436
438
|
stroke-width: 2px;
|
|
437
439
|
stroke: var(--vaadin-charts-background, #fff);
|
|
438
|
-
transition:
|
|
440
|
+
transition:
|
|
441
|
+
stroke 250ms,
|
|
442
|
+
fill 250ms,
|
|
443
|
+
fill-opacity 250ms;
|
|
439
444
|
}
|
|
440
445
|
|
|
441
446
|
:where([styled-mode]) .highcharts-treemap-series .highcharts-point-hover {
|
|
442
447
|
stroke-width: 0px;
|
|
443
448
|
stroke: var(--vaadin-charts-background, #fff);
|
|
444
449
|
fill-opacity: 0.75;
|
|
445
|
-
transition:
|
|
450
|
+
transition:
|
|
451
|
+
stroke 25ms,
|
|
452
|
+
fill 25ms,
|
|
453
|
+
fill-opacity 25ms;
|
|
446
454
|
}
|
|
447
455
|
|
|
448
456
|
:where([styled-mode]) .highcharts-treemap-series .highcharts-above-level {
|
|
@@ -561,7 +569,9 @@ const chartBaseTheme = css`
|
|
|
561
569
|
height: 0 !important;
|
|
562
570
|
opacity: 0;
|
|
563
571
|
overflow: hidden;
|
|
564
|
-
transition:
|
|
572
|
+
transition:
|
|
573
|
+
opacity 250ms,
|
|
574
|
+
height 250ms step-end;
|
|
565
575
|
}
|
|
566
576
|
|
|
567
577
|
:where([styled-mode]) .highcharts-loading-inner {
|
|
@@ -629,19 +639,25 @@ const chartBaseTheme = css`
|
|
|
629
639
|
}
|
|
630
640
|
|
|
631
641
|
:where([styled-mode]) .highcharts-sankey-series .highcharts-link {
|
|
632
|
-
transition:
|
|
642
|
+
transition:
|
|
643
|
+
fill 250ms,
|
|
644
|
+
fill-opacity 250ms;
|
|
633
645
|
fill-opacity: 0.5;
|
|
634
646
|
}
|
|
635
647
|
|
|
636
648
|
:where([styled-mode]) .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
|
|
637
|
-
transition:
|
|
649
|
+
transition:
|
|
650
|
+
fill 50ms,
|
|
651
|
+
fill-opacity 50ms;
|
|
638
652
|
fill-opacity: 1;
|
|
639
653
|
}
|
|
640
654
|
|
|
641
655
|
:where([styled-mode]) .highcharts-venn-series .highcharts-point {
|
|
642
656
|
fill-opacity: 0.75;
|
|
643
657
|
stroke: var(--vaadin-charts-background, #fff);
|
|
644
|
-
transition:
|
|
658
|
+
transition:
|
|
659
|
+
stroke 250ms,
|
|
660
|
+
fill-opacity 250ms;
|
|
645
661
|
}
|
|
646
662
|
|
|
647
663
|
:where([styled-mode]) .highcharts-venn-series .highcharts-point-hover {
|
|
@@ -848,12 +864,17 @@ const chartBaseTheme = css`
|
|
|
848
864
|
|
|
849
865
|
/* Highmaps */
|
|
850
866
|
:where([styled-mode]) .highcharts-map-series .highcharts-point {
|
|
851
|
-
transition:
|
|
867
|
+
transition:
|
|
868
|
+
fill 500ms,
|
|
869
|
+
fill-opacity 500ms,
|
|
870
|
+
stroke-width 250ms;
|
|
852
871
|
stroke: var(--vaadin-charts-contrast-20pct, hsla(214, 53%, 23%, 0.16));
|
|
853
872
|
}
|
|
854
873
|
|
|
855
874
|
:where([styled-mode]) .highcharts-map-series .highcharts-point-hover {
|
|
856
|
-
transition:
|
|
875
|
+
transition:
|
|
876
|
+
fill 0ms,
|
|
877
|
+
fill-opacity 0ms;
|
|
857
878
|
fill-opacity: 0.5;
|
|
858
879
|
stroke-width: 2px;
|
|
859
880
|
}
|
|
@@ -925,7 +946,9 @@ const chartBaseTheme = css`
|
|
|
925
946
|
background: none;
|
|
926
947
|
color: var(--vaadin-charts-button-label, hsl(214, 90%, 52%));
|
|
927
948
|
cursor: pointer;
|
|
928
|
-
transition:
|
|
949
|
+
transition:
|
|
950
|
+
background 250ms,
|
|
951
|
+
color 250ms;
|
|
929
952
|
}
|
|
930
953
|
|
|
931
954
|
:where([styled-mode]) .highcharts-menu-item:hover {
|
package/web-types.json
CHANGED