@layerfi/components 0.1.27 → 0.1.28
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/README.md +18 -0
- package/dist/esm/index.js +4839 -4662
- package/dist/esm/index.js.map +4 -4
- package/dist/index.d.ts +132 -33
- package/dist/index.js +10072 -9894
- package/dist/index.js.map +4 -4
- package/dist/styles/index.css +138 -6
- package/dist/styles/index.css.map +2 -2
- package/package.json +1 -1
- package/.idea/layer-react.iml +0 -9
- package/.idea/misc.xml +0 -6
- package/.idea/modules.xml +0 -8
- package/.idea/vcs.xml +0 -6
package/dist/styles/index.css
CHANGED
|
@@ -931,6 +931,135 @@
|
|
|
931
931
|
.Layer__datepicker__time input {
|
|
932
932
|
max-width: 100px;
|
|
933
933
|
}
|
|
934
|
+
.Layer__datepicker__popper * {
|
|
935
|
+
outline-color: var(--color-base-800);
|
|
936
|
+
}
|
|
937
|
+
.Layer__datepicker__popper {
|
|
938
|
+
border-radius: 8px;
|
|
939
|
+
}
|
|
940
|
+
.Layer__datepicker__popper .react-datepicker__triangle {
|
|
941
|
+
display: none;
|
|
942
|
+
}
|
|
943
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar {
|
|
944
|
+
border: none;
|
|
945
|
+
box-shadow: 0px 0px 0px 1px var(--input-border-color), 0px 0px 0px 2px rgba(0, 0, 0, 0);
|
|
946
|
+
}
|
|
947
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__navigation--previous {
|
|
948
|
+
left: auto;
|
|
949
|
+
right: 42px;
|
|
950
|
+
}
|
|
951
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__navigation--previous .react-datepicker__navigation-icon::before,
|
|
952
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__navigation--next .react-datepicker__navigation-icon::before {
|
|
953
|
+
border-color: var(--color-base-800);
|
|
954
|
+
border-style: solid;
|
|
955
|
+
border-width: 1px 1px 0 0;
|
|
956
|
+
content: "";
|
|
957
|
+
display: block;
|
|
958
|
+
height: 6px;
|
|
959
|
+
position: absolute;
|
|
960
|
+
top: 10px;
|
|
961
|
+
width: 6px;
|
|
962
|
+
}
|
|
963
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month-container .react-datepicker__header {
|
|
964
|
+
padding: var(--spacing-sm) 0 0;
|
|
965
|
+
background: white;
|
|
966
|
+
border: none;
|
|
967
|
+
}
|
|
968
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month-container .react-datepicker__current-month {
|
|
969
|
+
padding: 0 var(--spacing-md) var(--spacing-sm);
|
|
970
|
+
text-align: left;
|
|
971
|
+
font-weight: 460;
|
|
972
|
+
font-family: var(--font-family);
|
|
973
|
+
font-feature-settings:
|
|
974
|
+
"cv10" on,
|
|
975
|
+
"cv05" on,
|
|
976
|
+
"cv08" on,
|
|
977
|
+
"ss03" on;
|
|
978
|
+
font-size: 14px;
|
|
979
|
+
border-bottom: 1px solid var(--color-base-200);
|
|
980
|
+
}
|
|
981
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__day-names {
|
|
982
|
+
padding: var(--spacing-xs) var(--spacing-xs) 0;
|
|
983
|
+
}
|
|
984
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__day-names .react-datepicker__day-name {
|
|
985
|
+
width: 32px;
|
|
986
|
+
height: 32px;
|
|
987
|
+
color: var(--color-base-500);
|
|
988
|
+
font-size: 12px;
|
|
989
|
+
}
|
|
990
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week {
|
|
991
|
+
display: flex;
|
|
992
|
+
align-items: center;
|
|
993
|
+
justify-content: center;
|
|
994
|
+
}
|
|
995
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week .react-datepicker__day {
|
|
996
|
+
width: 32px;
|
|
997
|
+
height: 32px;
|
|
998
|
+
display: flex;
|
|
999
|
+
align-items: center;
|
|
1000
|
+
justify-content: center;
|
|
1001
|
+
transition: all 0.2s ease-in-out;
|
|
1002
|
+
}
|
|
1003
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week .react-datepicker__day:hover {
|
|
1004
|
+
background-color: var(--color-base-400);
|
|
1005
|
+
color: var(--color-base-800);
|
|
1006
|
+
}
|
|
1007
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--selected {
|
|
1008
|
+
background-color: var(--color-base-800);
|
|
1009
|
+
color: var(--color-base-100);
|
|
1010
|
+
font-weight: 460;
|
|
1011
|
+
}
|
|
1012
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--outside-month {
|
|
1013
|
+
color: var(--color-base-500);
|
|
1014
|
+
}
|
|
1015
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--disabled {
|
|
1016
|
+
color: var(--color-base-300);
|
|
1017
|
+
cursor: not-allowed;
|
|
1018
|
+
}
|
|
1019
|
+
.Layer__datepicker__popper .Layer__datepicker__calendar .react-datepicker__month .react-datepicker__week .react-datepicker__day.react-datepicker__day--keyboard-selected {
|
|
1020
|
+
background-color: var(--color-base-400);
|
|
1021
|
+
color: var(--color-base-800);
|
|
1022
|
+
border-color: var(--color-base-800);
|
|
1023
|
+
outline-color: var(--color-base-800);
|
|
1024
|
+
}
|
|
1025
|
+
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
|
|
1026
|
+
background-color: var(--color-base-800);
|
|
1027
|
+
color: var(--color-base-100);
|
|
1028
|
+
font-weight: 460;
|
|
1029
|
+
}
|
|
1030
|
+
.react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time-list-item {
|
|
1031
|
+
display: flex;
|
|
1032
|
+
align-items: center;
|
|
1033
|
+
justify-content: center;
|
|
1034
|
+
transition: all 0.2s ease-in-out;
|
|
1035
|
+
}
|
|
1036
|
+
.react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time-list-item:hover {
|
|
1037
|
+
background-color: var(--color-base-400);
|
|
1038
|
+
color: var(--color-base-800);
|
|
1039
|
+
}
|
|
1040
|
+
.react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
|
|
1041
|
+
background-color: var(--color-base-800);
|
|
1042
|
+
color: var(--color-base-100);
|
|
1043
|
+
font-weight: 460;
|
|
1044
|
+
}
|
|
1045
|
+
.react-datepicker--time-only .react-datepicker__time-container .react-datepicker__header {
|
|
1046
|
+
padding: var(--spacing-sm) 0 0;
|
|
1047
|
+
background: white;
|
|
1048
|
+
border: none;
|
|
1049
|
+
}
|
|
1050
|
+
.react-datepicker--time-only .react-datepicker__time-container .react-datepicker__header .react-datepicker-time__header {
|
|
1051
|
+
padding: 0 var(--spacing-md) var(--spacing-sm);
|
|
1052
|
+
text-align: left;
|
|
1053
|
+
font-weight: 460;
|
|
1054
|
+
font-family: var(--font-family);
|
|
1055
|
+
font-feature-settings:
|
|
1056
|
+
"cv10" on,
|
|
1057
|
+
"cv05" on,
|
|
1058
|
+
"cv08" on,
|
|
1059
|
+
"ss03" on;
|
|
1060
|
+
font-size: 14px;
|
|
1061
|
+
border-bottom: 1px solid var(--color-base-200);
|
|
1062
|
+
}
|
|
934
1063
|
.Layer__details-list {
|
|
935
1064
|
display: flex;
|
|
936
1065
|
flex-direction: column;
|
|
@@ -1996,7 +2125,7 @@
|
|
|
1996
2125
|
}
|
|
1997
2126
|
.Layer__ledger-account__entry-details__table__total-row td {
|
|
1998
2127
|
font-variation-settings: "wght" var(--font-weight-bold);
|
|
1999
|
-
color: var(--color-
|
|
2128
|
+
color: var(--text-color-primary);
|
|
2000
2129
|
}
|
|
2001
2130
|
.Layer__table.Layer__ledger-account__entry-details__table th,
|
|
2002
2131
|
.Layer__ledger-account__entry-details__table__total-row td,
|
|
@@ -2655,6 +2784,9 @@
|
|
|
2655
2784
|
opacity: 1;
|
|
2656
2785
|
transform: scale(1);
|
|
2657
2786
|
}
|
|
2787
|
+
.Layer__bank-transaction-list-item.Layer__bank-transaction-row--removing {
|
|
2788
|
+
display: none;
|
|
2789
|
+
}
|
|
2658
2790
|
.Layer__bank-transaction-list-item .Layer__bank-transaction-list-item__base-row {
|
|
2659
2791
|
max-height: 60px;
|
|
2660
2792
|
opacity: 1;
|
|
@@ -3455,7 +3587,7 @@
|
|
|
3455
3587
|
transform: scale(1);
|
|
3456
3588
|
}
|
|
3457
3589
|
.Layer__bank-transaction-mobile-list-item.show.Layer__bank-transaction-row--removing {
|
|
3458
|
-
opacity: 0.
|
|
3590
|
+
opacity: 0.99;
|
|
3459
3591
|
}
|
|
3460
3592
|
.Layer__bank-transaction-mobile-list-item .Layer__bank-transaction-mobile-list-item__expanded-row {
|
|
3461
3593
|
height: 0;
|
|
@@ -4383,7 +4515,7 @@
|
|
|
4383
4515
|
align-items: flex-start;
|
|
4384
4516
|
justify-content: space-between;
|
|
4385
4517
|
background: var(--color-base-50);
|
|
4386
|
-
color: var(--color-
|
|
4518
|
+
color: var(--text-color-primary);
|
|
4387
4519
|
border-top-left-radius: var(--border-radius-xs);
|
|
4388
4520
|
border-top-right-radius: var(--border-radius-xs);
|
|
4389
4521
|
border-bottom-left-radius: 0;
|
|
@@ -5164,7 +5296,7 @@
|
|
|
5164
5296
|
}
|
|
5165
5297
|
.Layer__profit-and-loss-summaries__amount,
|
|
5166
5298
|
.Layer__profit-and-loss-summaries__amount--positive {
|
|
5167
|
-
color: var(--color-
|
|
5299
|
+
color: var(--text-color-primary);
|
|
5168
5300
|
font-size: var(--text-md);
|
|
5169
5301
|
}
|
|
5170
5302
|
.Layer__profit-and-loss-summaries__amount::before,
|
|
@@ -5385,7 +5517,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
|
|
|
5385
5517
|
font-size: 12px;
|
|
5386
5518
|
}
|
|
5387
5519
|
.Layer__profit-and-loss-detailed-charts .pie-center-label__value {
|
|
5388
|
-
fill: var(--color-
|
|
5520
|
+
fill: var(--text-color-primary);
|
|
5389
5521
|
font-size: 14px;
|
|
5390
5522
|
}
|
|
5391
5523
|
.Layer__profit-and-loss-detailed-charts .filters {
|
|
@@ -5518,7 +5650,7 @@ header.Layer__profit-and-loss-detailed-charts__header--tablet {
|
|
|
5518
5650
|
}
|
|
5519
5651
|
.Layer__profit-and-loss-detailed-table__row .category-col,
|
|
5520
5652
|
.Layer__profit-and-loss-detailed-table__row .value-col {
|
|
5521
|
-
color: var(--color-
|
|
5653
|
+
color: var(--text-color-primary);
|
|
5522
5654
|
}
|
|
5523
5655
|
.Layer__profit-and-loss-detailed-table__row .type-col,
|
|
5524
5656
|
.Layer__profit-and-loss-detailed-table__row .share-col {
|