@layerfi/components 0.1.13 → 0.1.14
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/esm/index.js +653 -299
- package/dist/esm/index.js.map +4 -4
- package/dist/index.d.ts +64 -2
- package/dist/index.js +911 -557
- package/dist/index.js.map +4 -4
- package/dist/styles/index.css +20 -2
- package/dist/styles/index.css.map +2 -2
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -472,7 +472,6 @@
|
|
|
472
472
|
.Layer__component .recharts-responsive-container {
|
|
473
473
|
padding: 4px;
|
|
474
474
|
box-sizing: border-box;
|
|
475
|
-
box-shadow: 0px 0px 0px 1px var(--color-base-300);
|
|
476
475
|
border-radius: var(--border-radius-xs);
|
|
477
476
|
}
|
|
478
477
|
.Layer__component .recharts-responsive-container .recharts-cartesian-axis-line {
|
|
@@ -3699,7 +3698,7 @@
|
|
|
3699
3698
|
.Layer__profit-and-loss-chart__selection-indicator {
|
|
3700
3699
|
stroke: var(--chart-indicator-color);
|
|
3701
3700
|
fill: none;
|
|
3702
|
-
transition:
|
|
3701
|
+
transition: opacity 0.1s linear;
|
|
3703
3702
|
}
|
|
3704
3703
|
.Layer__profit-and-loss__chart_with_summaries {
|
|
3705
3704
|
display: flex;
|
|
@@ -3821,6 +3820,25 @@
|
|
|
3821
3820
|
.Layer__profit-and-loss-chart__bar--expenses {
|
|
3822
3821
|
fill: var(--bar-color-expenses);
|
|
3823
3822
|
}
|
|
3823
|
+
.Layer__chart-container--loading .Layer__profit-and-loss-chart__bar--expenses {
|
|
3824
|
+
fill: var(--color-base-50);
|
|
3825
|
+
animation: layer_chart_bar_loading_anim 2s linear infinite;
|
|
3826
|
+
}
|
|
3827
|
+
.Layer__chart-container--loading .Layer__profit-and-loss-chart__bar--income {
|
|
3828
|
+
fill: var(--color-base-100);
|
|
3829
|
+
animation: layer_chart_bar_loading_anim 2s linear infinite;
|
|
3830
|
+
}
|
|
3831
|
+
@keyframes layer_chart_bar_loading_anim {
|
|
3832
|
+
0% {
|
|
3833
|
+
fill: var(--color-base-50);
|
|
3834
|
+
}
|
|
3835
|
+
50% {
|
|
3836
|
+
fill: var(--color-base-200);
|
|
3837
|
+
}
|
|
3838
|
+
100% {
|
|
3839
|
+
fill: var(--color-base-50);
|
|
3840
|
+
}
|
|
3841
|
+
}
|
|
3824
3842
|
.Layer__profit-and-loss-row__label--depth-0.Layer__profit-and-loss-row__label--display-children-false {
|
|
3825
3843
|
padding-left: 22px;
|
|
3826
3844
|
}
|