@almadar/std 16.5.0 → 16.6.0

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.
@@ -46,20 +46,20 @@
46
46
  "type": "number",
47
47
  "required": false
48
48
  },
49
- "value": {
50
- "name": "value",
49
+ "icon": {
50
+ "name": "icon",
51
51
  "type": "string",
52
- "required": true
52
+ "required": false
53
53
  },
54
54
  "label": {
55
55
  "name": "label",
56
56
  "type": "string",
57
57
  "required": true
58
58
  },
59
- "icon": {
60
- "name": "icon",
59
+ "value": {
60
+ "name": "value",
61
61
  "type": "string",
62
- "required": false
62
+ "required": true
63
63
  }
64
64
  }
65
65
  }
@@ -135,18 +135,17 @@
135
135
  "linkedEntity": "SummaryRecord",
136
136
  "config": {
137
137
  "bodyContent": {
138
+ "type": "stack",
139
+ "gap": "sm",
138
140
  "className": "w-full max-w-6xl mx-auto px-card-md py-card-md",
141
+ "direction": "vertical",
139
142
  "children": [
140
143
  {
141
144
  "className": "pb-card-sm",
142
145
  "type": "stack",
143
- "direction": "horizontal",
144
- "gap": "md",
145
146
  "justify": "between",
146
- "align": "center",
147
147
  "children": [
148
148
  {
149
- "type": "stack",
150
149
  "children": [
151
150
  {
152
151
  "variant": "h3",
@@ -155,188 +154,189 @@
155
154
  "type": "typography"
156
155
  },
157
156
  {
158
- "variant": "caption",
159
- "type": "typography",
160
157
  "content": "@entity.period",
161
- "color": "muted"
158
+ "variant": "caption",
159
+ "color": "muted",
160
+ "type": "typography"
162
161
  }
163
162
  ],
164
- "gap": "xs",
165
- "direction": "vertical"
163
+ "type": "stack",
164
+ "direction": "vertical",
165
+ "gap": "xs"
166
166
  },
167
167
  {
168
- "size": "sm",
168
+ "type": "button",
169
169
  "variant": "ghost",
170
+ "size": "sm",
170
171
  "icon": "filter",
171
172
  "action": "@entity.filterEvent",
172
- "type": "button",
173
173
  "label": "Filter"
174
174
  }
175
- ]
175
+ ],
176
+ "direction": "horizontal",
177
+ "align": "center",
178
+ "gap": "md"
176
179
  },
177
180
  {
181
+ "gap": "sm",
178
182
  "className": "w-full",
183
+ "type": "simple-grid",
179
184
  "children": [
180
185
  {
186
+ "fields": [],
187
+ "gap": "sm",
181
188
  "type": "data-list",
182
189
  "entity": "@entity.tiles",
183
- "gap": "sm",
184
- "fields": [],
185
190
  "renderItem": [
186
191
  "fn",
187
192
  "tile",
188
193
  {
189
- "type": "card",
190
- "variant": "elevated",
191
194
  "className": "rounded-lg shadow-elevation-sm",
192
195
  "children": [
193
196
  {
197
+ "direction": "vertical",
198
+ "gap": "xs",
199
+ "type": "stack",
194
200
  "children": [
195
201
  {
196
- "justify": "between",
197
- "gap": "xs",
198
202
  "type": "stack",
203
+ "align": "center",
199
204
  "children": [
200
205
  {
201
- "variant": "overline",
202
- "className": "uppercase tracking-wide",
203
206
  "type": "typography",
204
207
  "color": "muted",
205
208
  "weight": "semibold",
206
- "content": "@tile.label"
209
+ "content": "@tile.label",
210
+ "className": "uppercase tracking-wide",
211
+ "variant": "overline"
207
212
  },
208
213
  {
209
- "color": "muted",
214
+ "name": "@tile.icon",
210
215
  "type": "icon",
211
216
  "size": "sm",
212
- "name": "@tile.icon"
217
+ "color": "muted"
213
218
  }
214
219
  ],
215
- "align": "center",
216
- "direction": "horizontal"
220
+ "direction": "horizontal",
221
+ "justify": "between",
222
+ "gap": "xs"
217
223
  },
218
224
  {
219
- "content": "@tile.value",
220
225
  "weight": "semibold",
221
- "variant": "h2",
222
226
  "type": "typography",
227
+ "content": "@tile.value",
228
+ "variant": "h2",
223
229
  "className": "tabular-nums"
224
230
  },
225
231
  {
226
- "value": "@tile.trend",
232
+ "showValue": true,
227
233
  "size": "sm",
228
- "type": "trend-indicator",
229
- "showValue": true
234
+ "value": "@tile.trend",
235
+ "type": "trend-indicator"
230
236
  }
231
- ],
232
- "gap": "xs",
233
- "type": "stack",
234
- "direction": "vertical"
237
+ ]
235
238
  }
236
239
  ],
237
- "padding": "md"
240
+ "padding": "md",
241
+ "variant": "elevated",
242
+ "type": "card"
238
243
  }
239
244
  ]
240
245
  }
241
246
  ],
242
- "cols": 4.0,
243
- "type": "simple-grid",
244
- "gap": "sm"
247
+ "cols": 4.0
245
248
  },
246
249
  {
247
- "className": "flex-wrap",
250
+ "direction": "horizontal",
248
251
  "gap": "xs",
252
+ "type": "stack",
249
253
  "children": [
250
254
  {
251
- "type": "data-list",
252
255
  "fields": [],
253
256
  "renderItem": [
254
257
  "fn",
255
258
  "pill",
256
259
  {
260
+ "variant": "@pill.tone",
257
261
  "type": "badge",
258
262
  "label": "@pill.label",
259
- "variant": "@pill.tone",
260
263
  "size": "sm"
261
264
  }
262
265
  ],
263
266
  "gap": "sm",
267
+ "type": "data-list",
264
268
  "entity": "@entity.statuses"
265
269
  }
266
270
  ],
267
- "type": "stack",
268
- "direction": "horizontal"
271
+ "className": "flex-wrap"
269
272
  },
270
273
  {
271
274
  "type": "divider"
272
275
  },
273
276
  {
274
- "direction": "vertical",
275
- "gap": "none",
276
- "type": "stack",
277
277
  "className": "rounded-lg shadow-elevation-sm w-full",
278
278
  "children": [
279
279
  {
280
- "type": "card",
281
280
  "children": [
282
281
  {
282
+ "type": "stack",
283
+ "direction": "vertical",
283
284
  "children": [
284
285
  {
285
286
  "type": "stack",
286
- "gap": "sm",
287
287
  "direction": "horizontal",
288
+ "gap": "sm",
288
289
  "align": "baseline",
289
290
  "justify": "between",
290
291
  "children": [
291
292
  {
293
+ "direction": "vertical",
294
+ "gap": "xs",
295
+ "type": "stack",
292
296
  "children": [
293
297
  {
294
- "weight": "semibold",
298
+ "type": "typography",
295
299
  "variant": "h4",
296
- "content": "@entity.chartTitle",
297
- "type": "typography"
300
+ "weight": "semibold",
301
+ "content": "@entity.chartTitle"
298
302
  },
299
303
  {
300
304
  "content": "@entity.chartSubtitle",
301
- "color": "muted",
302
305
  "type": "typography",
306
+ "color": "muted",
303
307
  "variant": "caption"
304
308
  }
305
- ],
306
- "type": "stack",
307
- "direction": "vertical",
308
- "gap": "xs"
309
+ ]
309
310
  },
310
311
  {
311
- "label": "@entity.period",
312
- "type": "badge",
313
312
  "size": "sm",
314
- "variant": "default"
313
+ "type": "badge",
314
+ "variant": "default",
315
+ "label": "@entity.period"
315
316
  }
316
317
  ]
317
318
  },
318
319
  {
319
- "showLegend": false,
320
- "chartType": "line",
320
+ "data": "@entity.chartData",
321
321
  "height": 280.0,
322
322
  "type": "chart",
323
- "data": "@entity.chartData"
323
+ "showLegend": false,
324
+ "chartType": "line"
324
325
  }
325
326
  ],
326
- "type": "stack",
327
- "gap": "md",
328
- "direction": "vertical"
327
+ "gap": "md"
329
328
  }
330
329
  ],
331
330
  "padding": "lg",
332
- "variant": "elevated"
331
+ "variant": "elevated",
332
+ "type": "card"
333
333
  }
334
- ]
334
+ ],
335
+ "gap": "none",
336
+ "type": "stack",
337
+ "direction": "vertical"
335
338
  }
336
- ],
337
- "type": "stack",
338
- "gap": "sm",
339
- "direction": "vertical"
339
+ ]
340
340
  }
341
341
  }
342
342
  }
@@ -53,55 +53,55 @@
53
53
  "linkedEntity": "HeroPromo",
54
54
  "config": {
55
55
  "bodyContent": {
56
+ "className": "w-full max-w-5xl mx-auto rounded-xl bg-gradient-to-br from-[var(--color-surface)] via-[var(--color-background)] to-[var(--color-muted)]",
57
+ "align": "center",
56
58
  "children": [
57
59
  {
60
+ "type": "card",
61
+ "padding": "lg",
62
+ "look": "elevated",
58
63
  "children": [
59
64
  {
60
65
  "direction": "vertical",
61
- "align": "center",
62
66
  "children": [
63
67
  {
64
- "size": "sm",
65
68
  "type": "badge",
66
69
  "label": "@entity.eyebrow",
67
- "variant": "neutral"
70
+ "variant": "neutral",
71
+ "size": "sm"
68
72
  },
69
73
  {
70
- "weight": "bold",
71
74
  "variant": "h1",
72
75
  "content": "@entity.headline",
73
- "type": "typography",
74
- "className": "tracking-tight text-balance max-w-3xl"
76
+ "weight": "bold",
77
+ "className": "tracking-tight text-balance max-w-3xl",
78
+ "type": "typography"
75
79
  },
76
80
  {
77
- "color": "muted",
78
- "variant": "body",
79
81
  "content": "@entity.lead",
82
+ "variant": "body",
80
83
  "className": "text-lg max-w-2xl leading-relaxed",
81
- "type": "typography"
84
+ "type": "typography",
85
+ "color": "muted"
82
86
  },
83
87
  {
88
+ "action": "@entity.ctaEvent",
89
+ "size": "lg",
84
90
  "type": "button",
85
91
  "label": "@entity.ctaLabel",
86
- "variant": "primary",
87
- "size": "lg",
88
- "action": "@entity.ctaEvent"
92
+ "variant": "primary"
89
93
  }
90
94
  ],
91
- "gap": "xl",
92
95
  "className": "text-center py-section px-card-md",
96
+ "gap": "xl",
97
+ "align": "center",
93
98
  "type": "stack"
94
99
  }
95
- ],
96
- "type": "card",
97
- "padding": "lg",
98
- "look": "elevated"
100
+ ]
99
101
  }
100
102
  ],
101
- "direction": "vertical",
102
- "className": "w-full max-w-5xl mx-auto rounded-xl bg-gradient-to-br from-[var(--color-surface)] via-[var(--color-background)] to-[var(--color-muted)]",
103
103
  "type": "stack",
104
- "align": "center"
104
+ "direction": "vertical"
105
105
  }
106
106
  }
107
107
  }