@helixui/library 2.1.1-next.41 → 2.1.1-next.42
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/custom-elements.json +224 -224
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +1 -1
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -2,6 +2,230 @@
|
|
|
2
2
|
"schemaVersion": "1.0.0",
|
|
3
3
|
"readme": "",
|
|
4
4
|
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
|
|
12
|
+
"name": "HelixActionBar",
|
|
13
|
+
"cssProperties": [
|
|
14
|
+
{
|
|
15
|
+
"description": "Bar background color (default variant).",
|
|
16
|
+
"name": "--hx-action-bar-bg",
|
|
17
|
+
"default": "transparent"
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"description": "Bar border (default variant).",
|
|
21
|
+
"name": "--hx-action-bar-border",
|
|
22
|
+
"default": "none"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"description": "Inner padding.",
|
|
26
|
+
"name": "--hx-action-bar-padding",
|
|
27
|
+
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"description": "Gap between slotted items.",
|
|
31
|
+
"name": "--hx-action-bar-gap",
|
|
32
|
+
"default": "var(--hx-space-2,0.5rem)"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"description": "Z-index when sticky or bottom position.",
|
|
36
|
+
"name": "--hx-action-bar-z-index",
|
|
37
|
+
"default": "10"
|
|
38
|
+
}
|
|
39
|
+
],
|
|
40
|
+
"cssParts": [
|
|
41
|
+
{
|
|
42
|
+
"description": "The root toolbar container element.",
|
|
43
|
+
"name": "base"
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
"description": "The start (left) slot wrapper.",
|
|
47
|
+
"name": "start"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"description": "The center (default) slot wrapper.",
|
|
51
|
+
"name": "center"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"description": "The end (right) slot wrapper.",
|
|
55
|
+
"name": "end"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "The overflow slot wrapper (hidden when no overflow content).",
|
|
59
|
+
"name": "overflow"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"slots": [
|
|
63
|
+
{
|
|
64
|
+
"description": "Left-aligned actions.",
|
|
65
|
+
"name": "start"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"description": "Center content (default slot).",
|
|
69
|
+
"name": ""
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"description": "Right-aligned actions.",
|
|
73
|
+
"name": "end"
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"description": "Actions revealed when the bar is constrained for space.",
|
|
77
|
+
"name": "overflow"
|
|
78
|
+
}
|
|
79
|
+
],
|
|
80
|
+
"members": [
|
|
81
|
+
{
|
|
82
|
+
"kind": "field",
|
|
83
|
+
"name": "size",
|
|
84
|
+
"type": {
|
|
85
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
86
|
+
},
|
|
87
|
+
"default": "'md'",
|
|
88
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
89
|
+
"attribute": "hx-size",
|
|
90
|
+
"reflects": true
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"kind": "field",
|
|
94
|
+
"name": "variant",
|
|
95
|
+
"type": {
|
|
96
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
97
|
+
},
|
|
98
|
+
"default": "'default'",
|
|
99
|
+
"description": "Visual variant controlling the bar background.",
|
|
100
|
+
"attribute": "variant",
|
|
101
|
+
"reflects": true
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"kind": "field",
|
|
105
|
+
"name": "position",
|
|
106
|
+
"type": {
|
|
107
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
108
|
+
},
|
|
109
|
+
"default": "'top'",
|
|
110
|
+
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
111
|
+
"attribute": "position",
|
|
112
|
+
"reflects": true
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"kind": "field",
|
|
116
|
+
"name": "sticky",
|
|
117
|
+
"type": {
|
|
118
|
+
"text": "boolean"
|
|
119
|
+
},
|
|
120
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
121
|
+
"attribute": "sticky",
|
|
122
|
+
"reflects": true
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"kind": "field",
|
|
126
|
+
"name": "ariaLabel",
|
|
127
|
+
"type": {
|
|
128
|
+
"text": "string"
|
|
129
|
+
},
|
|
130
|
+
"default": "'Actions'",
|
|
131
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
132
|
+
"attribute": "aria-label"
|
|
133
|
+
}
|
|
134
|
+
],
|
|
135
|
+
"attributes": [
|
|
136
|
+
{
|
|
137
|
+
"name": "hx-size",
|
|
138
|
+
"type": {
|
|
139
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
140
|
+
},
|
|
141
|
+
"default": "'md'",
|
|
142
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
143
|
+
"fieldName": "size",
|
|
144
|
+
"attribute": "hx-size"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "variant",
|
|
148
|
+
"type": {
|
|
149
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
150
|
+
},
|
|
151
|
+
"default": "'default'",
|
|
152
|
+
"description": "Visual variant controlling the bar background.",
|
|
153
|
+
"fieldName": "variant",
|
|
154
|
+
"attribute": "variant"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "position",
|
|
158
|
+
"type": {
|
|
159
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
160
|
+
},
|
|
161
|
+
"default": "'top'",
|
|
162
|
+
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
163
|
+
"fieldName": "position",
|
|
164
|
+
"attribute": "position"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"name": "sticky",
|
|
168
|
+
"type": {
|
|
169
|
+
"text": "boolean"
|
|
170
|
+
},
|
|
171
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
172
|
+
"fieldName": "sticky",
|
|
173
|
+
"attribute": "sticky"
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"name": "aria-label",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "string"
|
|
179
|
+
},
|
|
180
|
+
"default": "'Actions'",
|
|
181
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
182
|
+
"fieldName": "ariaLabel",
|
|
183
|
+
"attribute": "aria-label"
|
|
184
|
+
}
|
|
185
|
+
],
|
|
186
|
+
"superclass": {
|
|
187
|
+
"name": "LitElement",
|
|
188
|
+
"package": "lit"
|
|
189
|
+
},
|
|
190
|
+
"tagName": "hx-action-bar",
|
|
191
|
+
"customElement": true,
|
|
192
|
+
"summary": "Horizontal action bar for grouping related controls."
|
|
193
|
+
}
|
|
194
|
+
],
|
|
195
|
+
"exports": [
|
|
196
|
+
{
|
|
197
|
+
"kind": "js",
|
|
198
|
+
"name": "HelixActionBar",
|
|
199
|
+
"declaration": {
|
|
200
|
+
"name": "HelixActionBar",
|
|
201
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "custom-element-definition",
|
|
206
|
+
"name": "hx-action-bar",
|
|
207
|
+
"declaration": {
|
|
208
|
+
"name": "HelixActionBar",
|
|
209
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
]
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"kind": "javascript-module",
|
|
216
|
+
"path": "src/components/hx-action-bar/index.ts",
|
|
217
|
+
"declarations": [],
|
|
218
|
+
"exports": [
|
|
219
|
+
{
|
|
220
|
+
"kind": "js",
|
|
221
|
+
"name": "HelixActionBar",
|
|
222
|
+
"declaration": {
|
|
223
|
+
"name": "HelixActionBar",
|
|
224
|
+
"module": "./hx-action-bar.js"
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
]
|
|
228
|
+
},
|
|
5
229
|
{
|
|
6
230
|
"kind": "javascript-module",
|
|
7
231
|
"path": "src/components/hx-accordion/hx-accordion-item.ts",
|
|
@@ -301,230 +525,6 @@
|
|
|
301
525
|
}
|
|
302
526
|
]
|
|
303
527
|
},
|
|
304
|
-
{
|
|
305
|
-
"kind": "javascript-module",
|
|
306
|
-
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
307
|
-
"declarations": [
|
|
308
|
-
{
|
|
309
|
-
"kind": "class",
|
|
310
|
-
"description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
|
|
311
|
-
"name": "HelixActionBar",
|
|
312
|
-
"cssProperties": [
|
|
313
|
-
{
|
|
314
|
-
"description": "Bar background color (default variant).",
|
|
315
|
-
"name": "--hx-action-bar-bg",
|
|
316
|
-
"default": "transparent"
|
|
317
|
-
},
|
|
318
|
-
{
|
|
319
|
-
"description": "Bar border (default variant).",
|
|
320
|
-
"name": "--hx-action-bar-border",
|
|
321
|
-
"default": "none"
|
|
322
|
-
},
|
|
323
|
-
{
|
|
324
|
-
"description": "Inner padding.",
|
|
325
|
-
"name": "--hx-action-bar-padding",
|
|
326
|
-
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
327
|
-
},
|
|
328
|
-
{
|
|
329
|
-
"description": "Gap between slotted items.",
|
|
330
|
-
"name": "--hx-action-bar-gap",
|
|
331
|
-
"default": "var(--hx-space-2,0.5rem)"
|
|
332
|
-
},
|
|
333
|
-
{
|
|
334
|
-
"description": "Z-index when sticky or bottom position.",
|
|
335
|
-
"name": "--hx-action-bar-z-index",
|
|
336
|
-
"default": "10"
|
|
337
|
-
}
|
|
338
|
-
],
|
|
339
|
-
"cssParts": [
|
|
340
|
-
{
|
|
341
|
-
"description": "The root toolbar container element.",
|
|
342
|
-
"name": "base"
|
|
343
|
-
},
|
|
344
|
-
{
|
|
345
|
-
"description": "The start (left) slot wrapper.",
|
|
346
|
-
"name": "start"
|
|
347
|
-
},
|
|
348
|
-
{
|
|
349
|
-
"description": "The center (default) slot wrapper.",
|
|
350
|
-
"name": "center"
|
|
351
|
-
},
|
|
352
|
-
{
|
|
353
|
-
"description": "The end (right) slot wrapper.",
|
|
354
|
-
"name": "end"
|
|
355
|
-
},
|
|
356
|
-
{
|
|
357
|
-
"description": "The overflow slot wrapper (hidden when no overflow content).",
|
|
358
|
-
"name": "overflow"
|
|
359
|
-
}
|
|
360
|
-
],
|
|
361
|
-
"slots": [
|
|
362
|
-
{
|
|
363
|
-
"description": "Left-aligned actions.",
|
|
364
|
-
"name": "start"
|
|
365
|
-
},
|
|
366
|
-
{
|
|
367
|
-
"description": "Center content (default slot).",
|
|
368
|
-
"name": ""
|
|
369
|
-
},
|
|
370
|
-
{
|
|
371
|
-
"description": "Right-aligned actions.",
|
|
372
|
-
"name": "end"
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
"description": "Actions revealed when the bar is constrained for space.",
|
|
376
|
-
"name": "overflow"
|
|
377
|
-
}
|
|
378
|
-
],
|
|
379
|
-
"members": [
|
|
380
|
-
{
|
|
381
|
-
"kind": "field",
|
|
382
|
-
"name": "size",
|
|
383
|
-
"type": {
|
|
384
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
385
|
-
},
|
|
386
|
-
"default": "'md'",
|
|
387
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
388
|
-
"attribute": "hx-size",
|
|
389
|
-
"reflects": true
|
|
390
|
-
},
|
|
391
|
-
{
|
|
392
|
-
"kind": "field",
|
|
393
|
-
"name": "variant",
|
|
394
|
-
"type": {
|
|
395
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
396
|
-
},
|
|
397
|
-
"default": "'default'",
|
|
398
|
-
"description": "Visual variant controlling the bar background.",
|
|
399
|
-
"attribute": "variant",
|
|
400
|
-
"reflects": true
|
|
401
|
-
},
|
|
402
|
-
{
|
|
403
|
-
"kind": "field",
|
|
404
|
-
"name": "position",
|
|
405
|
-
"type": {
|
|
406
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
407
|
-
},
|
|
408
|
-
"default": "'top'",
|
|
409
|
-
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
410
|
-
"attribute": "position",
|
|
411
|
-
"reflects": true
|
|
412
|
-
},
|
|
413
|
-
{
|
|
414
|
-
"kind": "field",
|
|
415
|
-
"name": "sticky",
|
|
416
|
-
"type": {
|
|
417
|
-
"text": "boolean"
|
|
418
|
-
},
|
|
419
|
-
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
420
|
-
"attribute": "sticky",
|
|
421
|
-
"reflects": true
|
|
422
|
-
},
|
|
423
|
-
{
|
|
424
|
-
"kind": "field",
|
|
425
|
-
"name": "ariaLabel",
|
|
426
|
-
"type": {
|
|
427
|
-
"text": "string"
|
|
428
|
-
},
|
|
429
|
-
"default": "'Actions'",
|
|
430
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
431
|
-
"attribute": "aria-label"
|
|
432
|
-
}
|
|
433
|
-
],
|
|
434
|
-
"attributes": [
|
|
435
|
-
{
|
|
436
|
-
"name": "hx-size",
|
|
437
|
-
"type": {
|
|
438
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
439
|
-
},
|
|
440
|
-
"default": "'md'",
|
|
441
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
442
|
-
"fieldName": "size",
|
|
443
|
-
"attribute": "hx-size"
|
|
444
|
-
},
|
|
445
|
-
{
|
|
446
|
-
"name": "variant",
|
|
447
|
-
"type": {
|
|
448
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
449
|
-
},
|
|
450
|
-
"default": "'default'",
|
|
451
|
-
"description": "Visual variant controlling the bar background.",
|
|
452
|
-
"fieldName": "variant",
|
|
453
|
-
"attribute": "variant"
|
|
454
|
-
},
|
|
455
|
-
{
|
|
456
|
-
"name": "position",
|
|
457
|
-
"type": {
|
|
458
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
459
|
-
},
|
|
460
|
-
"default": "'top'",
|
|
461
|
-
"description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
|
|
462
|
-
"fieldName": "position",
|
|
463
|
-
"attribute": "position"
|
|
464
|
-
},
|
|
465
|
-
{
|
|
466
|
-
"name": "sticky",
|
|
467
|
-
"type": {
|
|
468
|
-
"text": "boolean"
|
|
469
|
-
},
|
|
470
|
-
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
471
|
-
"fieldName": "sticky",
|
|
472
|
-
"attribute": "sticky"
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"name": "aria-label",
|
|
476
|
-
"type": {
|
|
477
|
-
"text": "string"
|
|
478
|
-
},
|
|
479
|
-
"default": "'Actions'",
|
|
480
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
481
|
-
"fieldName": "ariaLabel",
|
|
482
|
-
"attribute": "aria-label"
|
|
483
|
-
}
|
|
484
|
-
],
|
|
485
|
-
"superclass": {
|
|
486
|
-
"name": "LitElement",
|
|
487
|
-
"package": "lit"
|
|
488
|
-
},
|
|
489
|
-
"tagName": "hx-action-bar",
|
|
490
|
-
"customElement": true,
|
|
491
|
-
"summary": "Horizontal action bar for grouping related controls."
|
|
492
|
-
}
|
|
493
|
-
],
|
|
494
|
-
"exports": [
|
|
495
|
-
{
|
|
496
|
-
"kind": "js",
|
|
497
|
-
"name": "HelixActionBar",
|
|
498
|
-
"declaration": {
|
|
499
|
-
"name": "HelixActionBar",
|
|
500
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
501
|
-
}
|
|
502
|
-
},
|
|
503
|
-
{
|
|
504
|
-
"kind": "custom-element-definition",
|
|
505
|
-
"name": "hx-action-bar",
|
|
506
|
-
"declaration": {
|
|
507
|
-
"name": "HelixActionBar",
|
|
508
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
509
|
-
}
|
|
510
|
-
}
|
|
511
|
-
]
|
|
512
|
-
},
|
|
513
|
-
{
|
|
514
|
-
"kind": "javascript-module",
|
|
515
|
-
"path": "src/components/hx-action-bar/index.ts",
|
|
516
|
-
"declarations": [],
|
|
517
|
-
"exports": [
|
|
518
|
-
{
|
|
519
|
-
"kind": "js",
|
|
520
|
-
"name": "HelixActionBar",
|
|
521
|
-
"declaration": {
|
|
522
|
-
"name": "HelixActionBar",
|
|
523
|
-
"module": "./hx-action-bar.js"
|
|
524
|
-
}
|
|
525
|
-
}
|
|
526
|
-
]
|
|
527
|
-
},
|
|
528
528
|
{
|
|
529
529
|
"kind": "javascript-module",
|
|
530
530
|
"path": "src/components/hx-alert/hx-alert.ts",
|
package/dist/css/index.css
CHANGED
package/dist/css/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@helixui/library",
|
|
3
|
-
"version": "2.1.1-next.
|
|
3
|
+
"version": "2.1.1-next.42",
|
|
4
4
|
"description": "Enterprise Web Component Library built with Lit 3.x",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"customElements": "custom-elements.json",
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"lit": "^3.3.2",
|
|
48
|
-
"@helixui/tokens": "2.0.0-next.
|
|
48
|
+
"@helixui/tokens": "2.0.0-next.42"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|
|
51
51
|
"@floating-ui/dom": "^1.7.6"
|