@happyvertical/smrt-events 0.55.16 → 0.55.18

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.
@@ -2,7 +2,7 @@
2
2
  "version": "1.0.0",
3
3
  "timestamp": 0,
4
4
  "packageName": "@happyvertical/smrt-events",
5
- "packageVersion": "0.55.16",
5
+ "packageVersion": "0.55.18",
6
6
  "objects": {
7
7
  "@happyvertical/smrt-events:EventAssetCollection": {
8
8
  "name": "eventassetcollection",
@@ -3,12 +3,12 @@
3
3
  "sensitiveFieldsExcluded": true,
4
4
  "generatedAt": "1970-01-01T00:00:00.000Z",
5
5
  "packageName": "@happyvertical/smrt-events",
6
- "packageVersion": "0.55.16",
6
+ "packageVersion": "0.55.18",
7
7
  "sourceManifestPath": "dist/manifest.json",
8
8
  "agentDocPath": "AGENTS.md",
9
9
  "sourceHashes": {
10
- "manifest": "cf53ab9beeb871ad52864ff17668294db5d20650267c807a24fa932d6a908116",
11
- "packageJson": "3b6620c163759a3a77a97b43e8dfe816f6ac4c1a363251ff7b60ce8928d8f6b4",
10
+ "manifest": "87841dcafaf4f2eb86f2d0be8e0f616290cf65e7b727305bc43b9299a13bf133",
11
+ "packageJson": "d9691c6609b9dc44f217419fefb2656a4f08c3a1193acf82fad359dc4b17f573",
12
12
  "agents": "fd92563513c75d3b1f4107a239a7030bbcb8ac45e0e13e87afdbbebc84b0d4be"
13
13
  },
14
14
  "exports": [
@@ -47,7 +47,7 @@ const hasDocuments = $derived(
47
47
  );
48
48
  </script>
49
49
 
50
- <div class="meeting-view">
50
+ <div class="meeting-view" data-smrt-component="MeetingView">
51
51
  <header class="meeting-header">
52
52
  <a href={calendarUrl} class="back-link">
53
53
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
@@ -132,67 +132,69 @@ const hasDocuments = $derived(
132
132
  </div>
133
133
 
134
134
  <style>
135
+ @layer smrt.reset, smrt.structure, smrt.theme;
136
+ @layer smrt.theme {
135
137
  .meeting-view {
136
- --view-bg: var(--color-neutral-white, #ffffff);
137
- --view-border: var(--color-neutral-gray200, #e5e7eb);
138
- --header-bg: var(--color-neutral-gray100, #f5f5f5);
139
- --card-hover: var(--color-neutral-gray100, #f5f5f5);
138
+ --smrt-meeting-view-bg: var(--smrt-color-surface);
139
+ --smrt-meeting-view-border: var(--smrt-color-surface-container-high);
140
+ --smrt-meeting-view-header-bg: var(--smrt-color-surface-variant);
141
+ --smrt-meeting-view-card-hover: var(--smrt-color-surface-variant);
140
142
 
141
- background: var(--view-bg);
143
+ background: var(--smrt-meeting-view-bg);
142
144
  }
143
145
 
144
146
  .meeting-header {
145
- padding: var(--spacing-lg, 1.5rem);
146
- background: var(--header-bg);
147
- border-bottom: 1px solid var(--view-border);
147
+ padding: var(--smrt-spacing-lg, 1.5rem);
148
+ background: var(--smrt-meeting-view-header-bg);
149
+ border-bottom: 1px solid var(--smrt-meeting-view-border);
148
150
  }
149
151
 
150
152
  .back-link {
151
153
  display: inline-flex;
152
154
  align-items: center;
153
- gap: var(--spacing-xs, 0.25rem);
154
- color: var(--color-primary-main, #1976d2);
155
+ gap: var(--smrt-spacing-xs, 0.25rem);
156
+ color: var(--smrt-color-primary);
155
157
  text-decoration: none;
156
158
  font-size: var(--smrt-typography-label-large-size, 0.875rem);
157
- margin-bottom: var(--spacing-md, 1rem);
158
- transition: color var(--transition-fast, 150ms);
159
+ margin-bottom: var(--smrt-spacing-md, 1rem);
160
+ transition: color var(--smrt-duration-fast, 150ms);
159
161
  }
160
162
 
161
163
  .back-link:hover {
162
- color: var(--color-primary-dark, #0d47a1);
164
+ color: var(--smrt-color-primary);
163
165
  }
164
166
 
165
167
  .council-badge {
166
168
  display: inline-flex;
167
169
  align-items: center;
168
- gap: var(--spacing-xs, 0.25rem);
169
- padding: var(--spacing-xs, 0.25rem) var(--spacing-sm, 0.5rem);
170
- background: var(--view-bg);
171
- border: 1px solid var(--view-border);
172
- border-radius: var(--smrt-radius-full, 9999px);
170
+ gap: var(--smrt-spacing-xs, 0.25rem);
171
+ padding: var(--smrt-spacing-xs, 0.25rem) var(--smrt-spacing-sm, 0.5rem);
172
+ background: var(--smrt-meeting-view-bg);
173
+ border: 1px solid var(--smrt-meeting-view-border);
174
+ border-radius: var(--smrt-radius-full);
173
175
  font-size: var(--smrt-typography-label-large-size, 0.875rem);
174
- color: var(--color-text-secondary, #666);
175
- margin-bottom: var(--spacing-sm, 0.5rem);
176
+ color: var(--smrt-color-on-surface-variant);
177
+ margin-bottom: var(--smrt-spacing-sm, 0.5rem);
176
178
  }
177
179
 
178
180
  .council-icon {
179
- font-size: var(--smrt-typography-label-large-size, 14px);
181
+ font-size: var(--smrt-typography-label-large-size);
180
182
  }
181
183
 
182
184
  .meeting-title {
183
185
  margin: 0;
184
186
  font-size: var(--smrt-typography-headline-small-size, 1.5rem);
185
187
  font-weight: var(--smrt-typography-weight-semibold, 600);
186
- color: var(--color-text-primary, #333);
188
+ color: var(--smrt-color-on-surface);
187
189
  line-height: var(--smrt-typography-headline-small-line-height, 1.3);
188
190
  }
189
191
 
190
192
  .meeting-meta {
191
193
  display: flex;
192
194
  align-items: center;
193
- gap: var(--spacing-md, 1rem);
194
- margin-top: var(--spacing-sm, 0.5rem);
195
- color: var(--color-text-secondary, #666);
195
+ gap: var(--smrt-spacing-md, 1rem);
196
+ margin-top: var(--smrt-spacing-sm, 0.5rem);
197
+ color: var(--smrt-color-on-surface-variant);
196
198
  font-size: var(--smrt-typography-body-large-size, 1rem);
197
199
  }
198
200
 
@@ -202,42 +204,42 @@ const hasDocuments = $derived(
202
204
 
203
205
  .meeting-time::before {
204
206
  content: '\2022';
205
- margin-right: var(--spacing-md, 1rem);
207
+ margin-right: var(--smrt-spacing-md, 1rem);
206
208
  }
207
209
 
208
210
  .meeting-content {
209
- padding: var(--spacing-lg, 1.5rem);
211
+ padding: var(--smrt-spacing-lg, 1.5rem);
210
212
  }
211
213
 
212
214
  .section-title {
213
- margin: 0 0 var(--spacing-md, 1rem) 0;
215
+ margin: 0 0 var(--smrt-spacing-md, 1rem) 0;
214
216
  font-size: var(--smrt-typography-title-medium-size, 1.125rem);
215
217
  font-weight: var(--smrt-typography-weight-semibold, 600);
216
- color: var(--color-text-primary, #333);
218
+ color: var(--smrt-color-on-surface);
217
219
  }
218
220
 
219
221
  .documents-grid {
220
222
  display: grid;
221
223
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
222
- gap: var(--spacing-md, 1rem);
224
+ gap: var(--smrt-spacing-md, 1rem);
223
225
  }
224
226
 
225
227
  .document-card {
226
228
  display: flex;
227
229
  align-items: center;
228
- gap: var(--spacing-md, 1rem);
229
- padding: var(--spacing-md, 1rem);
230
- background: var(--view-bg);
231
- border: 1px solid var(--view-border);
232
- border-radius: var(--smrt-radius-md, 8px);
230
+ gap: var(--smrt-spacing-md, 1rem);
231
+ padding: var(--smrt-spacing-md, 1rem);
232
+ background: var(--smrt-meeting-view-bg);
233
+ border: 1px solid var(--smrt-meeting-view-border);
234
+ border-radius: var(--smrt-radius-md);
233
235
  text-decoration: none;
234
- color: var(--color-text-primary, #333);
235
- transition: all var(--transition-fast, 150ms);
236
+ color: var(--smrt-color-on-surface);
237
+ transition: all var(--smrt-duration-fast, 150ms);
236
238
  }
237
239
 
238
240
  .document-card:hover {
239
- background: var(--card-hover);
240
- border-color: var(--color-neutral-gray300, #d1d5db);
241
+ background: var(--smrt-meeting-view-card-hover);
242
+ border-color: var(--smrt-color-outline-variant);
241
243
  transform: translateY(-1px);
242
244
  }
243
245
 
@@ -246,7 +248,7 @@ const hasDocuments = $derived(
246
248
  }
247
249
 
248
250
  .document-icon {
249
- font-size: var(--smrt-typography-headline-small-size, 24px);
251
+ font-size: var(--smrt-typography-headline-small-size);
250
252
  flex-shrink: 0;
251
253
  }
252
254
 
@@ -264,27 +266,27 @@ const hasDocuments = $derived(
264
266
  .document-desc {
265
267
  display: block;
266
268
  font-size: var(--smrt-typography-body-medium-size, 0.875rem);
267
- color: var(--color-text-secondary, #666);
268
- margin-top: var(--smrt-spacing-1, 4px);
269
+ color: var(--smrt-color-on-surface-variant);
270
+ margin-top: var(--smrt-spacing-1);
269
271
  }
270
272
 
271
273
  .document-arrow {
272
274
  flex-shrink: 0;
273
- font-size: var(--smrt-typography-body-large-size, 16px);
274
- color: var(--color-text-secondary, #666);
275
- transition: transform var(--transition-fast, 150ms);
275
+ font-size: var(--smrt-typography-body-large-size);
276
+ color: var(--smrt-color-on-surface-variant);
277
+ transition: transform var(--smrt-duration-fast, 150ms);
276
278
  }
277
279
 
278
280
  .empty-state {
279
281
  text-align: center;
280
- padding: var(--spacing-3xl, 4rem) var(--spacing-lg, 1.5rem);
281
- color: var(--color-text-secondary, #666);
282
+ padding: var(--smrt-spacing-3xl, 4rem) var(--smrt-spacing-lg, 1.5rem);
283
+ color: var(--smrt-color-on-surface-variant);
282
284
  }
283
285
 
284
286
  .empty-icon {
285
- font-size: var(--smrt-typography-display-medium-size, 48px);
287
+ font-size: var(--smrt-typography-display-medium-size);
286
288
  display: block;
287
- margin-bottom: var(--spacing-md, 1rem);
289
+ margin-bottom: var(--smrt-spacing-md, 1rem);
288
290
  opacity: 0.5;
289
291
  }
290
292
 
@@ -295,7 +297,7 @@ const hasDocuments = $derived(
295
297
 
296
298
  @media (max-width: 640px) {
297
299
  .meeting-header {
298
- padding: var(--spacing-md, 1rem);
300
+ padding: var(--smrt-spacing-md, 1rem);
299
301
  }
300
302
 
301
303
  .meeting-title {
@@ -305,7 +307,7 @@ const hasDocuments = $derived(
305
307
  .meeting-meta {
306
308
  flex-direction: column;
307
309
  align-items: flex-start;
308
- gap: var(--spacing-xs, 0.25rem);
310
+ gap: var(--smrt-spacing-xs, 0.25rem);
309
311
  }
310
312
 
311
313
  .meeting-time::before {
@@ -313,11 +315,12 @@ const hasDocuments = $derived(
313
315
  }
314
316
 
315
317
  .meeting-content {
316
- padding: var(--spacing-md, 1rem);
318
+ padding: var(--smrt-spacing-md, 1rem);
317
319
  }
318
320
 
319
321
  .documents-grid {
320
322
  grid-template-columns: 1fr;
321
323
  }
322
324
  }
325
+ }
323
326
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@happyvertical/smrt-events",
3
- "version": "0.55.16",
3
+ "version": "0.55.18",
4
4
  "smrtJsdoc": "strict",
5
5
  "description": "Hierarchical event management with participant tracking and SMRT framework support",
6
6
  "type": "module",
@@ -49,18 +49,18 @@
49
49
  "@happyvertical/files": "^0.103.4",
50
50
  "@happyvertical/icalendar": "^0.100.2",
51
51
  "@happyvertical/logger": "^0.103.4",
52
- "@happyvertical/smrt-assets": "0.55.16",
53
- "@happyvertical/smrt-core": "0.55.16",
54
- "@happyvertical/smrt-places": "0.55.16",
55
- "@happyvertical/smrt-profiles": "0.55.16",
56
- "@happyvertical/smrt-tenancy": "0.55.16",
57
- "@happyvertical/smrt-types": "0.55.16",
58
- "@happyvertical/smrt-ui": "0.55.16",
52
+ "@happyvertical/smrt-assets": "0.55.18",
53
+ "@happyvertical/smrt-core": "0.55.18",
54
+ "@happyvertical/smrt-places": "0.55.18",
55
+ "@happyvertical/smrt-profiles": "0.55.18",
56
+ "@happyvertical/smrt-tenancy": "0.55.18",
57
+ "@happyvertical/smrt-types": "0.55.18",
58
+ "@happyvertical/smrt-ui": "0.55.18",
59
59
  "@happyvertical/sql": "^0.103.4",
60
60
  "@happyvertical/utils": "^0.103.4"
61
61
  },
62
62
  "devDependencies": {
63
- "@happyvertical/smrt-vitest": "0.55.16",
63
+ "@happyvertical/smrt-vitest": "0.55.18",
64
64
  "@sveltejs/package": "^2.5.8",
65
65
  "@sveltejs/vite-plugin-svelte": "^7.3.0",
66
66
  "@types/node": "24.13.6",