@almadar/std 16.10.2 → 16.10.4

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.
Files changed (24) hide show
  1. package/behaviors/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
  2. package/behaviors/registry/core-variations/atoms/std-browse-dense.orb +48 -46
  3. package/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
  4. package/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
  5. package/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
  6. package/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
  7. package/behaviors/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
  8. package/dist/behaviors/behaviors-registry.json +1 -1
  9. package/dist/behaviors/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
  10. package/dist/behaviors/registry/core-variations/atoms/std-browse-dense.orb +48 -46
  11. package/dist/behaviors/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
  12. package/dist/behaviors/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
  13. package/dist/behaviors/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
  14. package/dist/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
  15. package/dist/behaviors/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
  16. package/dist/behaviors-registry.json +1 -1
  17. package/dist/registry/core-variations/atoms/std-browse-command-palette.orb +64 -62
  18. package/dist/registry/core-variations/atoms/std-browse-dense.orb +48 -46
  19. package/dist/registry/core-variations/atoms/std-browse-gallery.orb +55 -54
  20. package/dist/registry/core-variations/atoms/std-stats-hero-metric.orb +207 -99
  21. package/dist/registry/core-variations/atoms/std-stats-kpi-tiles.orb +215 -141
  22. package/dist/registry/core-variations/atoms/std-stats-sparkline-row.orb +215 -129
  23. package/dist/registry/core-variations/atoms/std-thread-email-threaded.orb +157 -147
  24. package/package.json +1 -1
package/behaviors/registry/core-variations/atoms/std-stats-sparkline-row.orb CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "std-stats-sparkline-row",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "description": "Sparkline tile grid — chart-first card tiles where the mini trend line is the visual centerpiece, with label above and value+delta footer. For trend-led overviews: telemetry, weekly active users, traffic shape, observability at a glance.",
5
5
  "orbitals": [
6
6
  {
@@ -27,21 +27,11 @@
27
27
  "items": {
28
28
  "type": "object",
29
29
  "properties": {
30
- "trend": {
31
- "name": "trend",
30
+ "value": {
31
+ "name": "value",
32
32
  "type": "number",
33
33
  "required": false
34
34
  },
35
- "suffix": {
36
- "name": "suffix",
37
- "type": "string",
38
- "required": false
39
- },
40
- "icon": {
41
- "name": "icon",
42
- "type": "string",
43
- "required": false
44
- },
45
35
  "format": {
46
36
  "name": "format",
47
37
  "type": "string",
@@ -52,33 +42,25 @@
52
42
  "percent"
53
43
  ]
54
44
  },
55
- "label": {
56
- "name": "label",
57
- "type": "string",
58
- "required": true
59
- },
60
45
  "target": {
61
46
  "name": "target",
62
47
  "type": "number",
63
48
  "required": false
64
49
  },
65
- "value": {
66
- "name": "value",
67
- "type": "number",
50
+ "icon": {
51
+ "name": "icon",
52
+ "type": "string",
68
53
  "required": false
69
54
  },
70
- "variant": {
71
- "name": "variant",
55
+ "label": {
56
+ "name": "label",
72
57
  "type": "string",
73
- "required": false,
74
- "values": [
75
- "default",
76
- "primary",
77
- "success",
78
- "warning",
79
- "error",
80
- "info"
81
- ]
58
+ "required": true
59
+ },
60
+ "trend": {
61
+ "name": "trend",
62
+ "type": "number",
63
+ "required": false
82
64
  },
83
65
  "trendPolarity": {
84
66
  "name": "trendPolarity",
@@ -89,6 +71,19 @@
89
71
  "lower-is-better"
90
72
  ]
91
73
  },
74
+ "sparklineData": {
75
+ "name": "sparklineData",
76
+ "type": "array",
77
+ "required": false,
78
+ "items": {
79
+ "type": "number"
80
+ }
81
+ },
82
+ "clickEvent": {
83
+ "name": "clickEvent",
84
+ "type": "string",
85
+ "required": false
86
+ },
92
87
  "trendFormat": {
93
88
  "name": "trendFormat",
94
89
  "type": "string",
@@ -98,28 +93,33 @@
98
93
  "percent"
99
94
  ]
100
95
  },
101
- "max": {
102
- "name": "max",
103
- "type": "number",
104
- "required": false
105
- },
106
96
  "prefix": {
107
97
  "name": "prefix",
108
98
  "type": "string",
109
99
  "required": false
110
100
  },
111
- "clickEvent": {
112
- "name": "clickEvent",
101
+ "suffix": {
102
+ "name": "suffix",
113
103
  "type": "string",
114
104
  "required": false
115
105
  },
116
- "sparklineData": {
117
- "name": "sparklineData",
118
- "type": "array",
106
+ "max": {
107
+ "name": "max",
108
+ "type": "number",
109
+ "required": false
110
+ },
111
+ "variant": {
112
+ "name": "variant",
113
+ "type": "string",
119
114
  "required": false,
120
- "items": {
121
- "type": "number"
122
- }
115
+ "values": [
116
+ "default",
117
+ "primary",
118
+ "success",
119
+ "warning",
120
+ "error",
121
+ "info"
122
+ ]
123
123
  }
124
124
  }
125
125
  }
@@ -132,112 +132,198 @@
132
132
  "name": "SparklineRowStatsItemStats",
133
133
  "linkedEntity": "SparklineRowStats",
134
134
  "config": {
135
+ "metrics": [
136
+ {
137
+ "label": "Weekly Active Users",
138
+ "value": 18420.0,
139
+ "trendPolarity": "higher-is-better",
140
+ "variant": "primary",
141
+ "trend": 9.3,
142
+ "trendFormat": "percent",
143
+ "sparklineData": [
144
+ 12000.0,
145
+ 12800.0,
146
+ 13500.0,
147
+ 13200.0,
148
+ 14600.0,
149
+ 15400.0,
150
+ 15100.0,
151
+ 16200.0,
152
+ 16900.0,
153
+ 17400.0,
154
+ 17900.0,
155
+ 18420.0
156
+ ],
157
+ "icon": "users",
158
+ "format": "number"
159
+ },
160
+ {
161
+ "trend": -4.1,
162
+ "label": "Requests / min",
163
+ "value": 2340.0,
164
+ "icon": "activity",
165
+ "format": "number",
166
+ "trendPolarity": "higher-is-better",
167
+ "trendFormat": "percent",
168
+ "sparklineData": [
169
+ 2600.0,
170
+ 2520.0,
171
+ 2580.0,
172
+ 2490.0,
173
+ 2410.0,
174
+ 2450.0,
175
+ 2380.0,
176
+ 2360.0,
177
+ 2410.0,
178
+ 2350.0,
179
+ 2330.0,
180
+ 2340.0
181
+ ],
182
+ "variant": "info"
183
+ },
184
+ {
185
+ "value": 184.0,
186
+ "icon": "gauge",
187
+ "trendPolarity": "lower-is-better",
188
+ "label": "p95 Latency",
189
+ "format": "number",
190
+ "sparklineData": [
191
+ 240.0,
192
+ 232.0,
193
+ 228.0,
194
+ 235.0,
195
+ 210.0,
196
+ 205.0,
197
+ 198.0,
198
+ 201.0,
199
+ 190.0,
200
+ 188.0,
201
+ 186.0,
202
+ 184.0
203
+ ],
204
+ "trendFormat": "percent",
205
+ "trend": -12.0,
206
+ "suffix": "ms",
207
+ "variant": "warning"
208
+ },
209
+ {
210
+ "icon": "alert-circle",
211
+ "label": "Error Rate",
212
+ "value": 0.42,
213
+ "variant": "error",
214
+ "trendPolarity": "lower-is-better",
215
+ "sparklineData": [
216
+ 0.9,
217
+ 0.82,
218
+ 0.78,
219
+ 0.7,
220
+ 0.66,
221
+ 0.61,
222
+ 0.55,
223
+ 0.52,
224
+ 0.48,
225
+ 0.45,
226
+ 0.43,
227
+ 0.42
228
+ ],
229
+ "format": "percent",
230
+ "suffix": "%",
231
+ "trend": -0.18,
232
+ "trendFormat": "absolute"
233
+ }
234
+ ],
135
235
  "bodyContent": {
236
+ "type": "data-grid",
237
+ "entity": "@entity.cards",
238
+ "cols": 2.0,
239
+ "gap": "md",
240
+ "fields": [],
136
241
  "className": "w-full",
137
- "children": [
242
+ "renderItem": [
243
+ "fn",
244
+ "card",
138
245
  {
139
- "fields": [],
140
- "type": "data-list",
141
- "renderItem": [
142
- "fn",
143
- "card",
246
+ "type": "stack",
247
+ "direction": "vertical",
248
+ "gap": "sm",
249
+ "className": "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-card-md shadow-elevation-sm hover:shadow-elevation-md transition-shadow min-h-[180px]",
250
+ "children": [
144
251
  {
145
- "className": "rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-card-md shadow-elevation-sm hover:shadow-elevation-md transition-shadow min-h-[180px]",
252
+ "align": "center",
253
+ "direction": "horizontal",
254
+ "type": "stack",
255
+ "gap": "xs",
256
+ "children": [
257
+ {
258
+ "size": "xs",
259
+ "color": "muted",
260
+ "type": "icon",
261
+ "name": "@card.icon"
262
+ },
263
+ {
264
+ "variant": "overline",
265
+ "color": "muted",
266
+ "weight": "semibold",
267
+ "type": "typography",
268
+ "content": "@card.label",
269
+ "className": "uppercase tracking-wide truncate"
270
+ }
271
+ ]
272
+ },
273
+ {
274
+ "height": 64.0,
275
+ "className": "w-full",
276
+ "color": "auto",
277
+ "fill": true,
278
+ "data": "@card.sparklineData",
279
+ "type": "sparkline",
280
+ "strokeWidth": 2.0
281
+ },
282
+ {
283
+ "type": "stack",
284
+ "direction": "horizontal",
285
+ "align": "baseline",
286
+ "gap": "sm",
287
+ "justify": "between",
146
288
  "children": [
147
289
  {
148
- "align": "center",
149
- "direction": "horizontal",
150
- "type": "stack",
151
290
  "gap": "xs",
291
+ "align": "baseline",
152
292
  "children": [
153
293
  {
294
+ "type": "typography",
154
295
  "color": "muted",
155
- "type": "icon",
156
- "size": "xs",
157
- "name": "@card.icon"
296
+ "content": "@card.prefix",
297
+ "variant": "caption"
158
298
  },
159
299
  {
160
- "color": "muted",
161
300
  "weight": "semibold",
162
- "className": "uppercase tracking-wide truncate",
163
- "variant": "overline",
164
301
  "type": "typography",
165
- "content": "@card.label"
166
- }
167
- ]
168
- },
169
- {
170
- "height": 64.0,
171
- "color": "auto",
172
- "strokeWidth": 2.0,
173
- "fill": true,
174
- "className": "w-full",
175
- "data": [
176
- 1.0,
177
- 2.0,
178
- 3.0,
179
- 4.0,
180
- 5.0,
181
- 6.0,
182
- 7.0
183
- ],
184
- "type": "sparkline"
185
- },
186
- {
187
- "gap": "sm",
188
- "direction": "horizontal",
189
- "children": [
190
- {
191
- "gap": "xs",
192
- "align": "baseline",
193
- "type": "stack",
194
- "children": [
195
- {
196
- "color": "muted",
197
- "content": "@card.prefix",
198
- "variant": "caption",
199
- "type": "typography"
200
- },
201
- {
202
- "variant": "h3",
203
- "type": "typography",
204
- "content": "@card.value",
205
- "className": "tabular-nums",
206
- "weight": "semibold"
207
- },
208
- {
209
- "variant": "caption",
210
- "content": "@card.suffix",
211
- "type": "typography",
212
- "color": "muted"
213
- }
214
- ],
215
- "direction": "horizontal"
302
+ "variant": "h3",
303
+ "content": "@card.value",
304
+ "className": "tabular-nums"
216
305
  },
217
306
  {
218
- "value": "@card.trend",
219
- "type": "trend-indicator",
220
- "size": "sm",
221
- "showValue": true
307
+ "content": "@card.suffix",
308
+ "variant": "caption",
309
+ "color": "muted",
310
+ "type": "typography"
222
311
  }
223
312
  ],
224
- "justify": "between",
225
- "align": "baseline",
313
+ "direction": "horizontal",
226
314
  "type": "stack"
315
+ },
316
+ {
317
+ "value": "@card.trend",
318
+ "showValue": true,
319
+ "type": "trend-indicator",
320
+ "size": "sm"
227
321
  }
228
- ],
229
- "type": "stack",
230
- "direction": "vertical",
231
- "gap": "sm"
322
+ ]
232
323
  }
233
- ],
234
- "entity": "@entity.cards",
235
- "gap": "md"
324
+ ]
236
325
  }
237
- ],
238
- "type": "simple-grid",
239
- "gap": "md",
240
- "cols": 2.0
326
+ ]
241
327
  }
242
328
  }
243
329
  }