@helixui/library 2.1.2-next.54 → 2.1.2-next.57
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 +205 -205
- 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,211 @@
|
|
|
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": "accessibleLabel",
|
|
117
|
+
"type": {
|
|
118
|
+
"text": "string"
|
|
119
|
+
},
|
|
120
|
+
"default": "''",
|
|
121
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
|
|
122
|
+
"attribute": "accessible-label"
|
|
123
|
+
}
|
|
124
|
+
],
|
|
125
|
+
"attributes": [
|
|
126
|
+
{
|
|
127
|
+
"name": "hx-size",
|
|
128
|
+
"type": {
|
|
129
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
130
|
+
},
|
|
131
|
+
"default": "'md'",
|
|
132
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
133
|
+
"fieldName": "size",
|
|
134
|
+
"attribute": "hx-size"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "variant",
|
|
138
|
+
"type": {
|
|
139
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
140
|
+
},
|
|
141
|
+
"default": "'default'",
|
|
142
|
+
"description": "Visual variant controlling the bar background.",
|
|
143
|
+
"fieldName": "variant",
|
|
144
|
+
"attribute": "variant"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "position",
|
|
148
|
+
"type": {
|
|
149
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
150
|
+
},
|
|
151
|
+
"default": "'top'",
|
|
152
|
+
"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",
|
|
153
|
+
"fieldName": "position",
|
|
154
|
+
"attribute": "position"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "accessible-label",
|
|
158
|
+
"type": {
|
|
159
|
+
"text": "string"
|
|
160
|
+
},
|
|
161
|
+
"default": "''",
|
|
162
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
|
|
163
|
+
"fieldName": "accessibleLabel",
|
|
164
|
+
"attribute": "accessible-label"
|
|
165
|
+
}
|
|
166
|
+
],
|
|
167
|
+
"superclass": {
|
|
168
|
+
"name": "HelixElement",
|
|
169
|
+
"module": "/src/base/index.js"
|
|
170
|
+
},
|
|
171
|
+
"tagName": "hx-action-bar",
|
|
172
|
+
"customElement": true,
|
|
173
|
+
"summary": "Horizontal action bar for grouping related controls."
|
|
174
|
+
}
|
|
175
|
+
],
|
|
176
|
+
"exports": [
|
|
177
|
+
{
|
|
178
|
+
"kind": "js",
|
|
179
|
+
"name": "HelixActionBar",
|
|
180
|
+
"declaration": {
|
|
181
|
+
"name": "HelixActionBar",
|
|
182
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"kind": "custom-element-definition",
|
|
187
|
+
"name": "hx-action-bar",
|
|
188
|
+
"declaration": {
|
|
189
|
+
"name": "HelixActionBar",
|
|
190
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
]
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"kind": "javascript-module",
|
|
197
|
+
"path": "src/components/hx-action-bar/index.ts",
|
|
198
|
+
"declarations": [],
|
|
199
|
+
"exports": [
|
|
200
|
+
{
|
|
201
|
+
"kind": "js",
|
|
202
|
+
"name": "HelixActionBar",
|
|
203
|
+
"declaration": {
|
|
204
|
+
"name": "HelixActionBar",
|
|
205
|
+
"module": "./hx-action-bar.js"
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
]
|
|
209
|
+
},
|
|
5
210
|
{
|
|
6
211
|
"kind": "javascript-module",
|
|
7
212
|
"path": "src/components/hx-accordion/hx-accordion-item.ts",
|
|
@@ -309,211 +514,6 @@
|
|
|
309
514
|
}
|
|
310
515
|
]
|
|
311
516
|
},
|
|
312
|
-
{
|
|
313
|
-
"kind": "javascript-module",
|
|
314
|
-
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
315
|
-
"declarations": [
|
|
316
|
-
{
|
|
317
|
-
"kind": "class",
|
|
318
|
-
"description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
|
|
319
|
-
"name": "HelixActionBar",
|
|
320
|
-
"cssProperties": [
|
|
321
|
-
{
|
|
322
|
-
"description": "Bar background color (default variant).",
|
|
323
|
-
"name": "--hx-action-bar-bg",
|
|
324
|
-
"default": "transparent"
|
|
325
|
-
},
|
|
326
|
-
{
|
|
327
|
-
"description": "Bar border (default variant).",
|
|
328
|
-
"name": "--hx-action-bar-border",
|
|
329
|
-
"default": "none"
|
|
330
|
-
},
|
|
331
|
-
{
|
|
332
|
-
"description": "Inner padding.",
|
|
333
|
-
"name": "--hx-action-bar-padding",
|
|
334
|
-
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
335
|
-
},
|
|
336
|
-
{
|
|
337
|
-
"description": "Gap between slotted items.",
|
|
338
|
-
"name": "--hx-action-bar-gap",
|
|
339
|
-
"default": "var(--hx-space-2,0.5rem)"
|
|
340
|
-
},
|
|
341
|
-
{
|
|
342
|
-
"description": "Z-index when sticky or bottom position.",
|
|
343
|
-
"name": "--hx-action-bar-z-index",
|
|
344
|
-
"default": "10"
|
|
345
|
-
}
|
|
346
|
-
],
|
|
347
|
-
"cssParts": [
|
|
348
|
-
{
|
|
349
|
-
"description": "The root toolbar container element.",
|
|
350
|
-
"name": "base"
|
|
351
|
-
},
|
|
352
|
-
{
|
|
353
|
-
"description": "The start (left) slot wrapper.",
|
|
354
|
-
"name": "start"
|
|
355
|
-
},
|
|
356
|
-
{
|
|
357
|
-
"description": "The center (default) slot wrapper.",
|
|
358
|
-
"name": "center"
|
|
359
|
-
},
|
|
360
|
-
{
|
|
361
|
-
"description": "The end (right) slot wrapper.",
|
|
362
|
-
"name": "end"
|
|
363
|
-
},
|
|
364
|
-
{
|
|
365
|
-
"description": "The overflow slot wrapper (hidden when no overflow content).",
|
|
366
|
-
"name": "overflow"
|
|
367
|
-
}
|
|
368
|
-
],
|
|
369
|
-
"slots": [
|
|
370
|
-
{
|
|
371
|
-
"description": "Left-aligned actions.",
|
|
372
|
-
"name": "start"
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
"description": "Center content (default slot).",
|
|
376
|
-
"name": ""
|
|
377
|
-
},
|
|
378
|
-
{
|
|
379
|
-
"description": "Right-aligned actions.",
|
|
380
|
-
"name": "end"
|
|
381
|
-
},
|
|
382
|
-
{
|
|
383
|
-
"description": "Actions revealed when the bar is constrained for space.",
|
|
384
|
-
"name": "overflow"
|
|
385
|
-
}
|
|
386
|
-
],
|
|
387
|
-
"members": [
|
|
388
|
-
{
|
|
389
|
-
"kind": "field",
|
|
390
|
-
"name": "size",
|
|
391
|
-
"type": {
|
|
392
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
393
|
-
},
|
|
394
|
-
"default": "'md'",
|
|
395
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
396
|
-
"attribute": "hx-size",
|
|
397
|
-
"reflects": true
|
|
398
|
-
},
|
|
399
|
-
{
|
|
400
|
-
"kind": "field",
|
|
401
|
-
"name": "variant",
|
|
402
|
-
"type": {
|
|
403
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
404
|
-
},
|
|
405
|
-
"default": "'default'",
|
|
406
|
-
"description": "Visual variant controlling the bar background.",
|
|
407
|
-
"attribute": "variant",
|
|
408
|
-
"reflects": true
|
|
409
|
-
},
|
|
410
|
-
{
|
|
411
|
-
"kind": "field",
|
|
412
|
-
"name": "position",
|
|
413
|
-
"type": {
|
|
414
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
415
|
-
},
|
|
416
|
-
"default": "'top'",
|
|
417
|
-
"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",
|
|
418
|
-
"attribute": "position",
|
|
419
|
-
"reflects": true
|
|
420
|
-
},
|
|
421
|
-
{
|
|
422
|
-
"kind": "field",
|
|
423
|
-
"name": "accessibleLabel",
|
|
424
|
-
"type": {
|
|
425
|
-
"text": "string"
|
|
426
|
-
},
|
|
427
|
-
"default": "''",
|
|
428
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
|
|
429
|
-
"attribute": "accessible-label"
|
|
430
|
-
}
|
|
431
|
-
],
|
|
432
|
-
"attributes": [
|
|
433
|
-
{
|
|
434
|
-
"name": "hx-size",
|
|
435
|
-
"type": {
|
|
436
|
-
"text": "'sm' | 'md' | 'lg'"
|
|
437
|
-
},
|
|
438
|
-
"default": "'md'",
|
|
439
|
-
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
440
|
-
"fieldName": "size",
|
|
441
|
-
"attribute": "hx-size"
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"name": "variant",
|
|
445
|
-
"type": {
|
|
446
|
-
"text": "'default' | 'outlined' | 'filled'"
|
|
447
|
-
},
|
|
448
|
-
"default": "'default'",
|
|
449
|
-
"description": "Visual variant controlling the bar background.",
|
|
450
|
-
"fieldName": "variant",
|
|
451
|
-
"attribute": "variant"
|
|
452
|
-
},
|
|
453
|
-
{
|
|
454
|
-
"name": "position",
|
|
455
|
-
"type": {
|
|
456
|
-
"text": "'top' | 'bottom' | 'sticky'"
|
|
457
|
-
},
|
|
458
|
-
"default": "'top'",
|
|
459
|
-
"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",
|
|
460
|
-
"fieldName": "position",
|
|
461
|
-
"attribute": "position"
|
|
462
|
-
},
|
|
463
|
-
{
|
|
464
|
-
"name": "accessible-label",
|
|
465
|
-
"type": {
|
|
466
|
-
"text": "string"
|
|
467
|
-
},
|
|
468
|
-
"default": "''",
|
|
469
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
|
|
470
|
-
"fieldName": "accessibleLabel",
|
|
471
|
-
"attribute": "accessible-label"
|
|
472
|
-
}
|
|
473
|
-
],
|
|
474
|
-
"superclass": {
|
|
475
|
-
"name": "HelixElement",
|
|
476
|
-
"module": "/src/base/index.js"
|
|
477
|
-
},
|
|
478
|
-
"tagName": "hx-action-bar",
|
|
479
|
-
"customElement": true,
|
|
480
|
-
"summary": "Horizontal action bar for grouping related controls."
|
|
481
|
-
}
|
|
482
|
-
],
|
|
483
|
-
"exports": [
|
|
484
|
-
{
|
|
485
|
-
"kind": "js",
|
|
486
|
-
"name": "HelixActionBar",
|
|
487
|
-
"declaration": {
|
|
488
|
-
"name": "HelixActionBar",
|
|
489
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
490
|
-
}
|
|
491
|
-
},
|
|
492
|
-
{
|
|
493
|
-
"kind": "custom-element-definition",
|
|
494
|
-
"name": "hx-action-bar",
|
|
495
|
-
"declaration": {
|
|
496
|
-
"name": "HelixActionBar",
|
|
497
|
-
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
498
|
-
}
|
|
499
|
-
}
|
|
500
|
-
]
|
|
501
|
-
},
|
|
502
|
-
{
|
|
503
|
-
"kind": "javascript-module",
|
|
504
|
-
"path": "src/components/hx-action-bar/index.ts",
|
|
505
|
-
"declarations": [],
|
|
506
|
-
"exports": [
|
|
507
|
-
{
|
|
508
|
-
"kind": "js",
|
|
509
|
-
"name": "HelixActionBar",
|
|
510
|
-
"declaration": {
|
|
511
|
-
"name": "HelixActionBar",
|
|
512
|
-
"module": "./hx-action-bar.js"
|
|
513
|
-
}
|
|
514
|
-
}
|
|
515
|
-
]
|
|
516
|
-
},
|
|
517
517
|
{
|
|
518
518
|
"kind": "javascript-module",
|
|
519
519
|
"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.2-next.
|
|
3
|
+
"version": "2.1.2-next.57",
|
|
4
4
|
"description": "Enterprise Web Component Library built with Lit 3.x",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"customElements": "custom-elements.json",
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"lit": "^3.3.2",
|
|
61
|
-
"@helixui/tokens": "2.1.2-next.
|
|
61
|
+
"@helixui/tokens": "2.1.2-next.57"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"@floating-ui/dom": "^1.7.6"
|