luxen-ui 0.9.2 → 0.9.3
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/cdn/custom-elements.json +170 -170
- package/cdn/elements/tree-item/tree-item.js +1 -1
- package/cdn/elements/tree-item/tree-item.js.map +1 -1
- package/cdn/standalone.js +1 -1
- package/cdn/standalone.js.map +1 -1
- package/dist/custom-elements.json +170 -170
- package/dist/elements/tree-item/tree-item.css +7 -1
- package/dist/metadata/index.json +1 -1
- package/package.json +1 -1
|
@@ -172,6 +172,127 @@
|
|
|
172
172
|
}
|
|
173
173
|
]
|
|
174
174
|
},
|
|
175
|
+
{
|
|
176
|
+
"kind": "javascript-module",
|
|
177
|
+
"path": "src/html/elements/badge/badge.ts",
|
|
178
|
+
"declarations": [
|
|
179
|
+
{
|
|
180
|
+
"kind": "class",
|
|
181
|
+
"description": "",
|
|
182
|
+
"name": "Badge",
|
|
183
|
+
"members": [
|
|
184
|
+
{
|
|
185
|
+
"kind": "field",
|
|
186
|
+
"name": "variant",
|
|
187
|
+
"type": {
|
|
188
|
+
"text": "BadgeVariant | undefined"
|
|
189
|
+
},
|
|
190
|
+
"description": "Style variant: `info`, `success`, `warning`, `danger`, or `neutral` (default)",
|
|
191
|
+
"attribute": "variant",
|
|
192
|
+
"reflects": true
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"kind": "field",
|
|
196
|
+
"name": "pill",
|
|
197
|
+
"type": {
|
|
198
|
+
"text": "boolean"
|
|
199
|
+
},
|
|
200
|
+
"default": "false",
|
|
201
|
+
"description": "Display as pill shape",
|
|
202
|
+
"attribute": "pill",
|
|
203
|
+
"reflects": true
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"kind": "field",
|
|
207
|
+
"name": "size",
|
|
208
|
+
"type": {
|
|
209
|
+
"text": "BadgeSize | undefined"
|
|
210
|
+
},
|
|
211
|
+
"description": "Badge size: `sm`, `lg`. Default is md.",
|
|
212
|
+
"attribute": "size",
|
|
213
|
+
"reflects": true
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"kind": "field",
|
|
217
|
+
"name": "appearance",
|
|
218
|
+
"type": {
|
|
219
|
+
"text": "BadgeAppearance | undefined"
|
|
220
|
+
},
|
|
221
|
+
"description": "Visual appearance: `filled`, `filled-outlined`, `accent`. Default is outlined.",
|
|
222
|
+
"attribute": "appearance",
|
|
223
|
+
"reflects": true
|
|
224
|
+
}
|
|
225
|
+
],
|
|
226
|
+
"attributes": [
|
|
227
|
+
{
|
|
228
|
+
"name": "variant",
|
|
229
|
+
"type": {
|
|
230
|
+
"text": "BadgeVariant | undefined"
|
|
231
|
+
},
|
|
232
|
+
"description": "Style variant: `info`, `success`, `warning`, `danger`, or `neutral` (default)",
|
|
233
|
+
"fieldName": "variant"
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"name": "pill",
|
|
237
|
+
"type": {
|
|
238
|
+
"text": "boolean"
|
|
239
|
+
},
|
|
240
|
+
"default": "false",
|
|
241
|
+
"description": "Display as pill shape",
|
|
242
|
+
"fieldName": "pill"
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"name": "size",
|
|
246
|
+
"type": {
|
|
247
|
+
"text": "BadgeSize | undefined"
|
|
248
|
+
},
|
|
249
|
+
"description": "Badge size: `sm`, `lg`. Default is md.",
|
|
250
|
+
"fieldName": "size"
|
|
251
|
+
},
|
|
252
|
+
{
|
|
253
|
+
"name": "appearance",
|
|
254
|
+
"type": {
|
|
255
|
+
"text": "BadgeAppearance | undefined"
|
|
256
|
+
},
|
|
257
|
+
"description": "Visual appearance: `filled`, `filled-outlined`, `accent`. Default is outlined.",
|
|
258
|
+
"fieldName": "appearance"
|
|
259
|
+
}
|
|
260
|
+
],
|
|
261
|
+
"superclass": {
|
|
262
|
+
"name": "LuxenElement",
|
|
263
|
+
"module": "/src/html/shared/luxen-element.js"
|
|
264
|
+
},
|
|
265
|
+
"tagName": "l-badge",
|
|
266
|
+
"customElement": true,
|
|
267
|
+
"summary": "A badge component for displaying small status indicators."
|
|
268
|
+
}
|
|
269
|
+
],
|
|
270
|
+
"exports": [
|
|
271
|
+
{
|
|
272
|
+
"kind": "js",
|
|
273
|
+
"name": "Badge",
|
|
274
|
+
"declaration": {
|
|
275
|
+
"name": "Badge",
|
|
276
|
+
"module": "src/html/elements/badge/badge.ts"
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
]
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"kind": "javascript-module",
|
|
283
|
+
"path": "src/html/elements/badge/index.ts",
|
|
284
|
+
"declarations": [],
|
|
285
|
+
"exports": [
|
|
286
|
+
{
|
|
287
|
+
"kind": "js",
|
|
288
|
+
"name": "*",
|
|
289
|
+
"declaration": {
|
|
290
|
+
"name": "*",
|
|
291
|
+
"module": "src/html/elements/badge/badge.js"
|
|
292
|
+
}
|
|
293
|
+
}
|
|
294
|
+
]
|
|
295
|
+
},
|
|
175
296
|
{
|
|
176
297
|
"kind": "javascript-module",
|
|
177
298
|
"path": "src/html/elements/button/button.meta.ts",
|
|
@@ -325,127 +446,6 @@
|
|
|
325
446
|
}
|
|
326
447
|
]
|
|
327
448
|
},
|
|
328
|
-
{
|
|
329
|
-
"kind": "javascript-module",
|
|
330
|
-
"path": "src/html/elements/badge/badge.ts",
|
|
331
|
-
"declarations": [
|
|
332
|
-
{
|
|
333
|
-
"kind": "class",
|
|
334
|
-
"description": "",
|
|
335
|
-
"name": "Badge",
|
|
336
|
-
"members": [
|
|
337
|
-
{
|
|
338
|
-
"kind": "field",
|
|
339
|
-
"name": "variant",
|
|
340
|
-
"type": {
|
|
341
|
-
"text": "BadgeVariant | undefined"
|
|
342
|
-
},
|
|
343
|
-
"description": "Style variant: `info`, `success`, `warning`, `danger`, or `neutral` (default)",
|
|
344
|
-
"attribute": "variant",
|
|
345
|
-
"reflects": true
|
|
346
|
-
},
|
|
347
|
-
{
|
|
348
|
-
"kind": "field",
|
|
349
|
-
"name": "pill",
|
|
350
|
-
"type": {
|
|
351
|
-
"text": "boolean"
|
|
352
|
-
},
|
|
353
|
-
"default": "false",
|
|
354
|
-
"description": "Display as pill shape",
|
|
355
|
-
"attribute": "pill",
|
|
356
|
-
"reflects": true
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
"kind": "field",
|
|
360
|
-
"name": "size",
|
|
361
|
-
"type": {
|
|
362
|
-
"text": "BadgeSize | undefined"
|
|
363
|
-
},
|
|
364
|
-
"description": "Badge size: `sm`, `lg`. Default is md.",
|
|
365
|
-
"attribute": "size",
|
|
366
|
-
"reflects": true
|
|
367
|
-
},
|
|
368
|
-
{
|
|
369
|
-
"kind": "field",
|
|
370
|
-
"name": "appearance",
|
|
371
|
-
"type": {
|
|
372
|
-
"text": "BadgeAppearance | undefined"
|
|
373
|
-
},
|
|
374
|
-
"description": "Visual appearance: `filled`, `filled-outlined`, `accent`. Default is outlined.",
|
|
375
|
-
"attribute": "appearance",
|
|
376
|
-
"reflects": true
|
|
377
|
-
}
|
|
378
|
-
],
|
|
379
|
-
"attributes": [
|
|
380
|
-
{
|
|
381
|
-
"name": "variant",
|
|
382
|
-
"type": {
|
|
383
|
-
"text": "BadgeVariant | undefined"
|
|
384
|
-
},
|
|
385
|
-
"description": "Style variant: `info`, `success`, `warning`, `danger`, or `neutral` (default)",
|
|
386
|
-
"fieldName": "variant"
|
|
387
|
-
},
|
|
388
|
-
{
|
|
389
|
-
"name": "pill",
|
|
390
|
-
"type": {
|
|
391
|
-
"text": "boolean"
|
|
392
|
-
},
|
|
393
|
-
"default": "false",
|
|
394
|
-
"description": "Display as pill shape",
|
|
395
|
-
"fieldName": "pill"
|
|
396
|
-
},
|
|
397
|
-
{
|
|
398
|
-
"name": "size",
|
|
399
|
-
"type": {
|
|
400
|
-
"text": "BadgeSize | undefined"
|
|
401
|
-
},
|
|
402
|
-
"description": "Badge size: `sm`, `lg`. Default is md.",
|
|
403
|
-
"fieldName": "size"
|
|
404
|
-
},
|
|
405
|
-
{
|
|
406
|
-
"name": "appearance",
|
|
407
|
-
"type": {
|
|
408
|
-
"text": "BadgeAppearance | undefined"
|
|
409
|
-
},
|
|
410
|
-
"description": "Visual appearance: `filled`, `filled-outlined`, `accent`. Default is outlined.",
|
|
411
|
-
"fieldName": "appearance"
|
|
412
|
-
}
|
|
413
|
-
],
|
|
414
|
-
"superclass": {
|
|
415
|
-
"name": "LuxenElement",
|
|
416
|
-
"module": "/src/html/shared/luxen-element.js"
|
|
417
|
-
},
|
|
418
|
-
"tagName": "l-badge",
|
|
419
|
-
"customElement": true,
|
|
420
|
-
"summary": "A badge component for displaying small status indicators."
|
|
421
|
-
}
|
|
422
|
-
],
|
|
423
|
-
"exports": [
|
|
424
|
-
{
|
|
425
|
-
"kind": "js",
|
|
426
|
-
"name": "Badge",
|
|
427
|
-
"declaration": {
|
|
428
|
-
"name": "Badge",
|
|
429
|
-
"module": "src/html/elements/badge/badge.ts"
|
|
430
|
-
}
|
|
431
|
-
}
|
|
432
|
-
]
|
|
433
|
-
},
|
|
434
|
-
{
|
|
435
|
-
"kind": "javascript-module",
|
|
436
|
-
"path": "src/html/elements/badge/index.ts",
|
|
437
|
-
"declarations": [],
|
|
438
|
-
"exports": [
|
|
439
|
-
{
|
|
440
|
-
"kind": "js",
|
|
441
|
-
"name": "*",
|
|
442
|
-
"declaration": {
|
|
443
|
-
"name": "*",
|
|
444
|
-
"module": "src/html/elements/badge/badge.js"
|
|
445
|
-
}
|
|
446
|
-
}
|
|
447
|
-
]
|
|
448
|
-
},
|
|
449
449
|
{
|
|
450
450
|
"kind": "javascript-module",
|
|
451
451
|
"path": "src/html/elements/button-group/button-group.ts",
|
|
@@ -1144,6 +1144,55 @@
|
|
|
1144
1144
|
}
|
|
1145
1145
|
]
|
|
1146
1146
|
},
|
|
1147
|
+
{
|
|
1148
|
+
"kind": "javascript-module",
|
|
1149
|
+
"path": "src/html/elements/carousel-item/carousel-item.ts",
|
|
1150
|
+
"declarations": [
|
|
1151
|
+
{
|
|
1152
|
+
"kind": "class",
|
|
1153
|
+
"description": "A single slide inside an `<l-carousel>`.",
|
|
1154
|
+
"name": "CarouselItem",
|
|
1155
|
+
"cssProperties": [
|
|
1156
|
+
{
|
|
1157
|
+
"description": "Aspect ratio of the slide.",
|
|
1158
|
+
"name": "--aspect-ratio"
|
|
1159
|
+
}
|
|
1160
|
+
],
|
|
1161
|
+
"members": [],
|
|
1162
|
+
"superclass": {
|
|
1163
|
+
"name": "LuxenElement",
|
|
1164
|
+
"module": "/src/html/shared/luxen-element.js"
|
|
1165
|
+
},
|
|
1166
|
+
"tagName": "l-carousel-item",
|
|
1167
|
+
"customElement": true
|
|
1168
|
+
}
|
|
1169
|
+
],
|
|
1170
|
+
"exports": [
|
|
1171
|
+
{
|
|
1172
|
+
"kind": "js",
|
|
1173
|
+
"name": "CarouselItem",
|
|
1174
|
+
"declaration": {
|
|
1175
|
+
"name": "CarouselItem",
|
|
1176
|
+
"module": "src/html/elements/carousel-item/carousel-item.ts"
|
|
1177
|
+
}
|
|
1178
|
+
}
|
|
1179
|
+
]
|
|
1180
|
+
},
|
|
1181
|
+
{
|
|
1182
|
+
"kind": "javascript-module",
|
|
1183
|
+
"path": "src/html/elements/carousel-item/index.ts",
|
|
1184
|
+
"declarations": [],
|
|
1185
|
+
"exports": [
|
|
1186
|
+
{
|
|
1187
|
+
"kind": "js",
|
|
1188
|
+
"name": "*",
|
|
1189
|
+
"declaration": {
|
|
1190
|
+
"name": "*",
|
|
1191
|
+
"module": "src/html/elements/carousel-item/carousel-item.js"
|
|
1192
|
+
}
|
|
1193
|
+
}
|
|
1194
|
+
]
|
|
1195
|
+
},
|
|
1147
1196
|
{
|
|
1148
1197
|
"kind": "javascript-module",
|
|
1149
1198
|
"path": "src/html/elements/checkbox/checkbox.meta.ts",
|
|
@@ -1248,55 +1297,6 @@
|
|
|
1248
1297
|
}
|
|
1249
1298
|
]
|
|
1250
1299
|
},
|
|
1251
|
-
{
|
|
1252
|
-
"kind": "javascript-module",
|
|
1253
|
-
"path": "src/html/elements/carousel-item/carousel-item.ts",
|
|
1254
|
-
"declarations": [
|
|
1255
|
-
{
|
|
1256
|
-
"kind": "class",
|
|
1257
|
-
"description": "A single slide inside an `<l-carousel>`.",
|
|
1258
|
-
"name": "CarouselItem",
|
|
1259
|
-
"cssProperties": [
|
|
1260
|
-
{
|
|
1261
|
-
"description": "Aspect ratio of the slide.",
|
|
1262
|
-
"name": "--aspect-ratio"
|
|
1263
|
-
}
|
|
1264
|
-
],
|
|
1265
|
-
"members": [],
|
|
1266
|
-
"superclass": {
|
|
1267
|
-
"name": "LuxenElement",
|
|
1268
|
-
"module": "/src/html/shared/luxen-element.js"
|
|
1269
|
-
},
|
|
1270
|
-
"tagName": "l-carousel-item",
|
|
1271
|
-
"customElement": true
|
|
1272
|
-
}
|
|
1273
|
-
],
|
|
1274
|
-
"exports": [
|
|
1275
|
-
{
|
|
1276
|
-
"kind": "js",
|
|
1277
|
-
"name": "CarouselItem",
|
|
1278
|
-
"declaration": {
|
|
1279
|
-
"name": "CarouselItem",
|
|
1280
|
-
"module": "src/html/elements/carousel-item/carousel-item.ts"
|
|
1281
|
-
}
|
|
1282
|
-
}
|
|
1283
|
-
]
|
|
1284
|
-
},
|
|
1285
|
-
{
|
|
1286
|
-
"kind": "javascript-module",
|
|
1287
|
-
"path": "src/html/elements/carousel-item/index.ts",
|
|
1288
|
-
"declarations": [],
|
|
1289
|
-
"exports": [
|
|
1290
|
-
{
|
|
1291
|
-
"kind": "js",
|
|
1292
|
-
"name": "*",
|
|
1293
|
-
"declaration": {
|
|
1294
|
-
"name": "*",
|
|
1295
|
-
"module": "src/html/elements/carousel-item/carousel-item.js"
|
|
1296
|
-
}
|
|
1297
|
-
}
|
|
1298
|
-
]
|
|
1299
|
-
},
|
|
1300
1300
|
{
|
|
1301
1301
|
"kind": "javascript-module",
|
|
1302
1302
|
"path": "src/html/elements/close-button/close-button.meta.ts",
|
|
@@ -86,7 +86,13 @@
|
|
|
86
86
|
display: flex;
|
|
87
87
|
align-items: center;
|
|
88
88
|
gap: 0.375rem;
|
|
89
|
-
|
|
89
|
+
/* `clip` (not `hidden`) so the label still truncates long text to an ellipsis
|
|
90
|
+
while `overflow-clip-margin` lets a slotted interactive control's hover/focus
|
|
91
|
+
decoration (a row-action button, an `<l-dropdown>` trigger) bleed past the
|
|
92
|
+
row-height label box instead of being cut on its top/bottom/left edges. The
|
|
93
|
+
margin is kept small so the bleed stays imperceptible for text. */
|
|
94
|
+
overflow: clip;
|
|
95
|
+
overflow-clip-margin: 0.375rem;
|
|
90
96
|
text-overflow: ellipsis;
|
|
91
97
|
white-space: nowrap;
|
|
92
98
|
}
|
package/dist/metadata/index.json
CHANGED
package/package.json
CHANGED