@layerfi/components 0.1.12 → 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 +1002 -362
- package/dist/esm/index.js.map +4 -4
- package/dist/index.d.ts +83 -7
- package/dist/index.js +1262 -622
- package/dist/index.js.map +4 -4
- package/dist/styles/index.css +23 -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 {
|
|
@@ -897,6 +896,9 @@
|
|
|
897
896
|
.Layer__select .Layer__select__control--is-focused {
|
|
898
897
|
box-shadow: 0px 0px 0px 3px rgba(26, 26, 26, 0.08), 0px 0px 0px 1px var(--color-base-700);
|
|
899
898
|
}
|
|
899
|
+
.Layer__select.Layer__select--error .Layer__select__control {
|
|
900
|
+
box-shadow: 0px 0px 0px 1px var(--color-base-300), 0px 0px 0px 2px var(--color-danger);
|
|
901
|
+
}
|
|
900
902
|
.Layer__select .Layer__select__multi-value {
|
|
901
903
|
border-radius: var(--border-radius-3xs);
|
|
902
904
|
background-color: var(--color-base-100);
|
|
@@ -3696,7 +3698,7 @@
|
|
|
3696
3698
|
.Layer__profit-and-loss-chart__selection-indicator {
|
|
3697
3699
|
stroke: var(--chart-indicator-color);
|
|
3698
3700
|
fill: none;
|
|
3699
|
-
transition:
|
|
3701
|
+
transition: opacity 0.1s linear;
|
|
3700
3702
|
}
|
|
3701
3703
|
.Layer__profit-and-loss__chart_with_summaries {
|
|
3702
3704
|
display: flex;
|
|
@@ -3818,6 +3820,25 @@
|
|
|
3818
3820
|
.Layer__profit-and-loss-chart__bar--expenses {
|
|
3819
3821
|
fill: var(--bar-color-expenses);
|
|
3820
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
|
+
}
|
|
3821
3842
|
.Layer__profit-and-loss-row__label--depth-0.Layer__profit-and-loss-row__label--display-children-false {
|
|
3822
3843
|
padding-left: 22px;
|
|
3823
3844
|
}
|