@happyvertical/smrt-timesheets 0.55.16 → 0.55.17

package/dist/index.js

@@ -1,8 +1,8 @@
-import { a as validateDurationHours, i as ServiceTimeEntryCollection, n as SERVICE_TIME_ENTRY_FROZEN_FIELDS, r as ServiceTimeEntry, t as SERVICE_DURATION_HOURS_EVIDENCE } from "./chunks/service-time-entry-DTDiMeLe.js";
-import { a as AttendanceReplay, i as AttendancePunchCollection, n as AttendanceBreakCollection, o as AttendanceReplayCollection, r as AttendancePunch, t as AttendanceBreak } from "./chunks/models-Bw3v5Dmt.js";
+import { a as validateDurationHours, i as ServiceTimeEntryCollection, n as SERVICE_TIME_ENTRY_FROZEN_FIELDS, r as ServiceTimeEntry, t as SERVICE_DURATION_HOURS_EVIDENCE } from "./chunks/service-time-entry-B8YiZ_9c.js";
+import { a as AttendanceReplay, i as AttendancePunchCollection, n as AttendanceBreakCollection, o as AttendanceReplayCollection, r as AttendancePunch, t as AttendanceBreak } from "./chunks/models-DLYFI43Q.js";
 import { SERVICE_TIME_ENTRY_STATUS_TRANSITIONS } from "./types.js";
 import { AttendanceConflict, AttendanceService } from "./attendance.js";
-import { a as PeriodTimecard, c as TimecardAdjustmentCollection, o as PeriodTimecardCollection, s as TimecardAdjustment, t as PeriodRollupService } from "./chunks/rollup-Bi9C3i6o.js";
+import { a as PeriodTimecard, c as TimecardAdjustmentCollection, o as PeriodTimecardCollection, s as TimecardAdjustment, t as PeriodRollupService } from "./chunks/rollup-DTba-v7O.js";
 import { TIMESHEETS_MODULE_META, TIMESHEETS_UI_SLOTS } from "./ui.js";
 import { SmrtCollection, SmrtObject, ValidationError, field, foreignKey, smrt } from "@happyvertical/smrt-core";
 import { TenantScoped, tenantId } from "@happyvertical/smrt-tenancy";

package/dist/manifest.json

@@ -2,7 +2,7 @@
   "version": "1.0.0",
   "timestamp": 0,
   "packageName": "@happyvertical/smrt-timesheets",
-  "packageVersion": "0.55.16",
+  "packageVersion": "0.55.17",
   "objects": {
     "@happyvertical/smrt-timesheets:AttendancePunch": {
       "name": "attendancepunch",

package/dist/rollup.js

@@ -1,2 +1,2 @@
-import { a as PeriodTimecard, c as TimecardAdjustmentCollection, o as PeriodTimecardCollection, s as TimecardAdjustment, t as PeriodRollupService } from "./chunks/rollup-Bi9C3i6o.js";
+import { a as PeriodTimecard, c as TimecardAdjustmentCollection, o as PeriodTimecardCollection, s as TimecardAdjustment, t as PeriodRollupService } from "./chunks/rollup-DTba-v7O.js";
 export { PeriodRollupService, PeriodTimecard, PeriodTimecardCollection, TimecardAdjustment, TimecardAdjustmentCollection };

package/dist/smrt-knowledge.json

@@ -3,12 +3,12 @@
   "sensitiveFieldsExcluded": true,
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "packageName": "@happyvertical/smrt-timesheets",
-  "packageVersion": "0.55.16",
+  "packageVersion": "0.55.17",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "69cf04c22e92dad1db1ca3d9c3a5bd540159b0e9c9aee6a2abff82c35553dbbc",
-    "packageJson": "e30ee7a792ccdeafbe1f268cbe7546117a827ccd4f27c8a6f8d66b209e6cf3b9",
+    "manifest": "6e8f818b2d895daf65d3993f89347d0aba1c75a4226fcf76ee0c07f4a96d8b94",
+    "packageJson": "48aaf04dbfb64432c33e96563244bb823671ece895f594534b18b2648f8b2126",
     "agents": "46a4e8437424b494645e90ce4a4869be04956c5da6a42f89697cbd3ab2199a7e",
     "moduleDoc:agents/period-rollup.md": "5fb741659d81dbef2e4850c10c2d65f09e3f5a83e8a88e2e0f19585f25158a6a"
   },

package/dist/svelte/components/DurationDisplay.svelte

@@ -40,7 +40,7 @@ const formattedValue = $derived(
 const unit = $derived(format === 'hhmm' ? '' : 'h');
 </script>
 
-<span class="duration" class:sm={size === 'sm'} class:lg={size === 'lg'}>
+<span class="duration" class:sm={size === 'sm'} class:lg={size === 'lg'} data-smrt-component="DurationDisplay">
   <span class="value">{formattedValue}</span>
   {#if showLabel && unit}
     <span class="unit">{unit}</span>
@@ -48,6 +48,8 @@ const unit = $derived(format === 'hhmm' ? '' : 'h');
 </span>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .duration {
     display: inline-flex;
     align-items: baseline;
@@ -78,4 +80,5 @@ const unit = $derived(format === 'hhmm' ? '' : 'h');
   .duration.lg {
     font-size: var(--smrt-typography-headline-small-size, 1.5rem);
   }
+}
 </style>

package/dist/svelte/components/TimeEntryApprovalQueue.svelte

@@ -93,11 +93,11 @@ function formatAmount(amount: number, currency = 'USD'): string {
 </script>
 
 {#if entries.length === 0}
-  <p class="time-approval-empty">
+  <p class="time-approval-empty" data-smrt-component="TimeEntryApprovalQueue">
     {emptyMessage ?? t(M['timesheets.approval_queue.empty'])}
   </p>
 {:else}
-  <ul class="time-approval-queue">
+  <ul class="time-approval-queue" data-smrt-component="TimeEntryApprovalQueue">
     {#each entries as entry (entry.id)}
       <li class="time-approval-row">
         <div class="time-approval-line">
@@ -176,6 +176,8 @@ function formatAmount(amount: number, currency = 'USD'): string {
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .time-approval-queue {
     list-style: none;
     margin: 0;
@@ -260,4 +262,5 @@ function formatAmount(amount: number, currency = 'USD'): string {
     color: var(--smrt-color-on-surface-variant, inherit);
     padding: 1rem 0;
   }
+}
 </style>

package/dist/svelte/components/TimeEntryCard.svelte

@@ -85,7 +85,7 @@ function handleKeydown(event: KeyboardEvent) {
   class="time-entry-card"
   class:selectable
   class:selected
-  class:clickable={!!href || !!onclick}
+  class:clickable={!!href || !!onclick} data-smrt-component="TimeEntryCard"
 >
   {#if selectable}
     <div class="checkbox-wrapper">
@@ -133,7 +133,7 @@ function handleKeydown(event: KeyboardEvent) {
 {#snippet cardBody()}
   <div class="entry-header">
     <span class="date">{formatDate(entry.date)}</span>
-    <span class="status-badge" style="--status-color: {statusColors[entry.status]}">
+    <span class="status-badge" style="--smrt-time-entry-card-status-color: {statusColors[entry.status]}">
       {entry.status.toUpperCase()}
     </span>
   </div>
@@ -167,12 +167,14 @@ function handleKeydown(event: KeyboardEvent) {
 {/snippet}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .time-entry-card {
     display: flex;
     align-items: stretch;
     background: var(--smrt-color-surface);
     border: 1px solid var(--smrt-color-outline-variant);
-    border-radius: var(--smrt-radius-medium, 12px);
+    border-radius: var(--smrt-radius-medium);
     overflow: hidden;
     transition: all 0.2s var(--smrt-easing-standard);
   }
@@ -227,7 +229,7 @@ function handleKeydown(event: KeyboardEvent) {
   button.card-content:focus {
     outline: 2px solid var(--smrt-color-primary);
     outline-offset: -2px;
-    border-radius: var(--smrt-radius-small, 8px);
+    border-radius: var(--smrt-radius-small);
   }
 
   .entry-header {
@@ -246,10 +248,10 @@ function handleKeydown(event: KeyboardEvent) {
     font-size: var(--smrt-typography-label-small-size, 0.625rem);
     font-weight: var(--smrt-typography-label-small-weight, 500);
     padding: 0.25rem 0.5rem;
-    border-radius: var(--smrt-radius-small, 8px);
-    background: var(--status-color);
+    border-radius: var(--smrt-radius-small);
+    background: var(--smrt-time-entry-card-status-color);
     color: var(--smrt-color-on-primary);
-    letter-spacing: var(--smrt-typography-label-small-tracking, 0.5px);
+    letter-spacing: var(--smrt-typography-label-small-tracking);
   }
 
   .entry-body {
@@ -310,4 +312,5 @@ function handleKeydown(event: KeyboardEvent) {
     padding: 0.5rem;
     border-left: 1px solid var(--smrt-color-outline-variant);
   }
+}
 </style>

package/dist/svelte/components/TimeEntryList.svelte

@@ -92,11 +92,11 @@ function getEntryHref(entry: TimeEntry): string | undefined {
 </script>
 
 {#if entries.length === 0}
-  <div class="empty-state">
+  <div class="empty-state" data-smrt-component="TimeEntryList">
     <p>{emptyMessage}</p>
   </div>
 {:else}
-  <div class="time-entry-list">
+  <div class="time-entry-list" data-smrt-component="TimeEntryList">
     {#if selectable && selectableEntries.length > 0}
       <div class="list-header">
         <label class="select-all">
@@ -173,7 +173,7 @@ function getEntryHref(entry: TimeEntry): string | undefined {
   </div>
 
   <div class="status-cell">
-    <span class="status-badge" style="--status-color: {statusColors[entry.status]}">
+    <span class="status-badge" style="--smrt-time-entry-list-status-color: {statusColors[entry.status]}">
       {entry.status}
     </span>
   </div>
@@ -188,6 +188,8 @@ function getEntryHref(entry: TimeEntry): string | undefined {
 {/snippet}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .empty-state {
     padding: 3rem 1rem;
     text-align: center;
@@ -196,7 +198,7 @@ function getEntryHref(entry: TimeEntry): string | undefined {
 
   .time-entry-list {
     background: var(--smrt-color-surface);
-    border-radius: var(--smrt-radius-large, 16px);
+    border-radius: var(--smrt-radius-large);
     overflow: hidden;
     border: 1px solid var(--smrt-color-outline-variant);
   }
@@ -333,11 +335,11 @@ function getEntryHref(entry: TimeEntry): string | undefined {
     font-size: var(--smrt-typography-label-small-size, 0.625rem);
     font-weight: var(--smrt-typography-label-small-weight, 500);
     padding: 0.25rem 0.5rem;
-    border-radius: var(--smrt-radius-small, 8px);
-    background: var(--status-color);
+    border-radius: var(--smrt-radius-small);
+    background: var(--smrt-time-entry-list-status-color);
     color: var(--smrt-color-on-primary);
     text-transform: uppercase;
-    letter-spacing: var(--smrt-typography-label-small-tracking, 0.5px);
+    letter-spacing: var(--smrt-typography-label-small-tracking);
   }
 
   .amount-cell {
@@ -367,4 +369,5 @@ function getEntryHref(entry: TimeEntry): string | undefined {
       flex: none;
     }
   }
+}
 </style>

package/dist/svelte/components/TimeSummary.svelte

@@ -59,7 +59,7 @@ let {
 const { t } = useI18n();
 </script>
 
-<div class="time-summary" class:horizontal={layout === 'horizontal'}>
+<div class="time-summary" class:horizontal={layout === 'horizontal'} data-smrt-component="TimeSummary">
   <div class="summary-card">
     <span class="label">{t(M['projects.time_summary.total_hours'])}</span>
     <span class="value">{hoursFormatter(totalHours)}</span>
@@ -91,6 +91,8 @@ const { t } = useI18n();
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .time-summary {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
@@ -111,7 +113,7 @@ const { t } = useI18n();
   .summary-card {
     background: var(--smrt-color-surface);
     border: 1px solid var(--smrt-color-outline-variant);
-    border-radius: var(--smrt-radius-medium, 12px);
+    border-radius: var(--smrt-radius-medium);
     padding: 1rem;
     display: flex;
     flex-direction: column;
@@ -133,7 +135,7 @@ const { t } = useI18n();
     font-weight: var(--smrt-typography-label-small-weight, 500);
     color: var(--smrt-color-on-surface-variant);
     text-transform: uppercase;
-    letter-spacing: var(--smrt-typography-label-small-tracking, 0.5px);
+    letter-spacing: var(--smrt-typography-label-small-tracking);
   }
 
   .value {
@@ -181,4 +183,5 @@ const { t } = useI18n();
       grid-template-columns: 1fr 1fr;
     }
   }
+}
 </style>

package/dist/svelte/components/utils.js

@@ -5,10 +5,10 @@
  * Status color mapping using M3 design tokens
  */
 export const statusColors = {
-    draft: 'var(--md-sys-color-outline)',
-    submitted: 'var(--md-sys-color-tertiary)',
-    approved: 'var(--md-sys-color-primary)',
-    rejected: 'var(--md-sys-color-error)',
+    draft: 'var(--smrt-color-outline)',
+    submitted: 'var(--smrt-color-tertiary)',
+    approved: 'var(--smrt-color-primary)',
+    rejected: 'var(--smrt-color-error)',
 };
 /**
  * Format a date for display (e.g., "Jan 5")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-timesheets",
-  "version": "0.55.16",
+  "version": "0.55.17",
   "smrtJsdoc": "strict",
   "description": "Shared time entries for the SMRT framework: who worked how long on what, approval and correction, with immutable charge and compensation snapshots",
   "type": "module",
@@ -39,10 +39,10 @@
     }
   },
   "dependencies": {
-    "@happyvertical/smrt-core": "0.55.16",
-    "@happyvertical/smrt-tenancy": "0.55.16",
-    "@happyvertical/smrt-types": "0.55.16",
-    "@happyvertical/smrt-ui": "0.55.16",
+    "@happyvertical/smrt-core": "0.55.17",
+    "@happyvertical/smrt-tenancy": "0.55.17",
+    "@happyvertical/smrt-types": "0.55.17",
+    "@happyvertical/smrt-ui": "0.55.17",
     "@happyvertical/sql": "^0.103.4"
   },
   "peerDependencies": {
@@ -54,7 +54,7 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/smrt-vitest": "0.55.16",
+    "@happyvertical/smrt-vitest": "0.55.17",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@types/node": "24.13.6",