@hearthlog/module-finance 1.3.7 → 1.3.9
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/hearthlog.module.json +1 -1
- package/package.json +6 -6
- package/src/components/finance/FinanceReadout.svelte +7 -0
- package/src/components/finance/MonthSection.svelte +1 -1
- package/src/components/finance/TimelineRowItem.svelte +3 -3
- package/src/components/finance/TransactionDrawer.svelte +1 -1
package/hearthlog.module.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hearthlog/module-finance",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.9",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"kysely": "^0.29.6"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@hearthlog/contracts": "0.
|
|
23
|
-
"@hearthlog/sdk": "0.
|
|
22
|
+
"@hearthlog/contracts": "^0.13.0",
|
|
23
|
+
"@hearthlog/sdk": "^0.13.0"
|
|
24
24
|
},
|
|
25
25
|
"repository": {
|
|
26
26
|
"type": "git",
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
"!**/*.test.ts"
|
|
37
37
|
],
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@hearthlog/contracts": "0.
|
|
40
|
-
"@hearthlog/sdk": "0.
|
|
41
|
-
"@hearthlog/tooling": "0.
|
|
39
|
+
"@hearthlog/contracts": "^0.13.0",
|
|
40
|
+
"@hearthlog/sdk": "^0.13.0",
|
|
41
|
+
"@hearthlog/tooling": "^0.13.0",
|
|
42
42
|
"vitest": "^4.1.11"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
@@ -129,6 +129,13 @@
|
|
|
129
129
|
}
|
|
130
130
|
.cell { position: relative; min-width: 0; padding: 1rem 1.5rem; border-left: 1px solid var(--stor-border); }
|
|
131
131
|
.cell:first-child { border-left: 0; padding-left: 0; }
|
|
132
|
+
/* From 640px the outlook is one card: hairline frame, card shadow, cells split by the rule colour. */
|
|
133
|
+
@media (min-width: 640px) {
|
|
134
|
+
.readout:not(.sheet) { border: 1px solid var(--stor-hairline); border-radius: var(--stor-section-radius); background: var(--stor-surface); box-shadow: var(--stor-elevation-1); overflow: hidden; }
|
|
135
|
+
.readout:not(.sheet) .cell { border-left-color: var(--stor-rule); }
|
|
136
|
+
.readout:not(.sheet) .cell:first-child { padding-left: 1.5rem; }
|
|
137
|
+
.readout:not(.sheet) .lead .cell-button { padding-left: 1.5rem; }
|
|
138
|
+
}
|
|
132
139
|
.cell:has(> .cell-button) { padding: 0; }
|
|
133
140
|
.cell-button {
|
|
134
141
|
position: relative;
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
margin: 0;
|
|
179
179
|
padding: 1.5rem 0 0.625rem;
|
|
180
180
|
border-bottom: 1px solid var(--stor-border-strong);
|
|
181
|
-
background: var(--stor-
|
|
181
|
+
background: var(--stor-surface);
|
|
182
182
|
}
|
|
183
183
|
.empty .month-head { position: relative; padding-top: 0.75rem; opacity: 0.7; }
|
|
184
184
|
.month-title { margin: 0; color: var(--stor-ink); white-space: nowrap; }
|
|
@@ -245,13 +245,13 @@
|
|
|
245
245
|
padding: 0 0.625rem;
|
|
246
246
|
border: 0;
|
|
247
247
|
border-radius: 999px;
|
|
248
|
-
background: var(--stor-surface);
|
|
249
|
-
box-shadow:
|
|
248
|
+
background: var(--stor-surface-raised);
|
|
249
|
+
box-shadow: var(--stor-elevation-2);
|
|
250
250
|
font-size: 12px;
|
|
251
251
|
font-weight: 600;
|
|
252
252
|
color: var(--stor-ink);
|
|
253
253
|
}
|
|
254
|
-
.done-button:hover {
|
|
254
|
+
.done-button:hover { box-shadow: var(--stor-control-shadow-hover); }
|
|
255
255
|
.done-button:disabled { opacity: 0.45; }
|
|
256
256
|
@media (max-width: 639px) {
|
|
257
257
|
.timeline-row {
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
let moreOpen = $state(false);
|
|
50
50
|
let pickDate = $state(false);
|
|
51
51
|
let allCategories = $state(false);
|
|
52
|
-
const chip = (on: boolean) => `h-9 rounded-full px-3.5 text-sm font-medium ${on ? "bg-[var(--stor-accent-soft)] font-semibold text-[var(--stor-accent-strong)]" : "bg-[var(--stor-surface-
|
|
52
|
+
const chip = (on: boolean) => `h-9 rounded-full px-3.5 text-sm font-medium ${on ? "bg-[var(--stor-accent-soft)] font-semibold text-[var(--stor-accent-strong)]" : "bg-[var(--stor-surface-raised)] text-[var(--stor-ink)] shadow-[var(--stor-elevation-2)] hover:shadow-[var(--stor-control-shadow-hover)]"}`;
|
|
53
53
|
let topCategories = $state<string[]>([]);
|
|
54
54
|
|
|
55
55
|
let form = $state<TransactionDraft>({
|