@helixui/library 1.1.2-next.1 → 1.1.2-next.2
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 +403 -301
- package/dist/components/hx-action-bar/hx-action-bar.d.ts.map +1 -1
- package/dist/components/hx-action-bar/index.js +1 -1
- package/dist/components/hx-badge/hx-badge.styles.d.ts.map +1 -1
- package/dist/components/hx-badge/index.js +1 -1
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts +25 -1
- package/dist/components/hx-breadcrumb/hx-breadcrumb.d.ts.map +1 -1
- package/dist/components/hx-combobox/hx-combobox.d.ts +5 -0
- package/dist/components/hx-combobox/hx-combobox.d.ts.map +1 -1
- package/dist/components/hx-drawer/hx-drawer.d.ts +1 -0
- package/dist/components/hx-drawer/hx-drawer.d.ts.map +1 -1
- package/dist/components/hx-side-nav/hx-nav-item.styles.d.ts.map +1 -1
- package/dist/components/hx-side-nav/hx-side-nav.styles.d.ts.map +1 -1
- package/dist/components/hx-side-nav/index.js +1 -1
- package/dist/components/hx-slider/hx-slider.d.ts +1 -0
- package/dist/components/hx-slider/hx-slider.d.ts.map +1 -1
- package/dist/components/hx-time-picker/hx-time-picker.d.ts +3 -0
- package/dist/components/hx-time-picker/hx-time-picker.d.ts.map +1 -1
- package/dist/css/helix-all.css +20 -9
- package/dist/css/helix-core.css +6 -2
- package/dist/css/helix-navigation.css +14 -7
- package/dist/css/hx-badge.css +6 -2
- package/dist/css/hx-side-nav.css +14 -7
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +1 -1
- package/dist/index.js +3 -3
- package/dist/shared/{hx-action-bar-D4bulGQP.js → hx-action-bar-vGFnNwNY.js} +33 -34
- package/dist/shared/{hx-action-bar-D4bulGQP.js.map → hx-action-bar-vGFnNwNY.js.map} +1 -1
- package/dist/shared/{hx-badge-DCxvskdw.js → hx-badge-Xg7zoh4Q.js} +31 -27
- package/dist/shared/hx-badge-Xg7zoh4Q.js.map +1 -0
- package/dist/shared/hx-breadcrumb-item-B2rjepqy.js.map +1 -1
- package/dist/shared/hx-combobox-CNAJXIxo.js.map +1 -1
- package/dist/shared/hx-drawer-e0qeGxAD.js.map +1 -1
- package/dist/shared/{hx-nav-item-ByU2N921.js → hx-nav-item-CuGiJPAf.js} +46 -32
- package/dist/shared/hx-nav-item-CuGiJPAf.js.map +1 -0
- package/dist/shared/hx-slider-7Q-e0_pc.js.map +1 -1
- package/dist/shared/hx-time-picker-BpCRsh_z.js.map +1 -1
- package/package.json +3 -3
- package/dist/shared/hx-badge-DCxvskdw.js.map +0 -1
- package/dist/shared/hx-nav-item-ByU2N921.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -4,523 +4,523 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "src/components/hx-
|
|
7
|
+
"path": "src/components/hx-action-bar/hx-action-bar.ts",
|
|
8
8
|
"declarations": [
|
|
9
9
|
{
|
|
10
10
|
"kind": "class",
|
|
11
|
-
"description": "
|
|
12
|
-
"name": "
|
|
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
13
|
"cssProperties": [
|
|
14
14
|
{
|
|
15
|
-
"description": "
|
|
16
|
-
"name": "--hx-
|
|
17
|
-
"default": "var(--hx-color-neutral-200)"
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
"description": "Trigger padding.",
|
|
21
|
-
"name": "--hx-accordion-trigger-padding",
|
|
22
|
-
"default": "var(--hx-space-4)"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"description": "Trigger text color.",
|
|
26
|
-
"name": "--hx-accordion-trigger-color",
|
|
27
|
-
"default": "var(--hx-color-neutral-800)"
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"description": "Trigger background color.",
|
|
31
|
-
"name": "--hx-accordion-trigger-bg",
|
|
15
|
+
"description": "Bar background color (default variant).",
|
|
16
|
+
"name": "--hx-action-bar-bg",
|
|
32
17
|
"default": "transparent"
|
|
33
18
|
},
|
|
34
19
|
{
|
|
35
|
-
"description": "
|
|
36
|
-
"name": "--hx-
|
|
37
|
-
"default": "
|
|
20
|
+
"description": "Bar border (default variant).",
|
|
21
|
+
"name": "--hx-action-bar-border",
|
|
22
|
+
"default": "none"
|
|
38
23
|
},
|
|
39
24
|
{
|
|
40
|
-
"description": "
|
|
41
|
-
"name": "--hx-
|
|
42
|
-
"default": "var(--hx-
|
|
25
|
+
"description": "Inner padding.",
|
|
26
|
+
"name": "--hx-action-bar-padding",
|
|
27
|
+
"default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
|
|
43
28
|
},
|
|
44
29
|
{
|
|
45
|
-
"description": "
|
|
46
|
-
"name": "--hx-
|
|
47
|
-
"default": "
|
|
30
|
+
"description": "Gap between slotted items.",
|
|
31
|
+
"name": "--hx-action-bar-gap",
|
|
32
|
+
"default": "var(--hx-space-2,0.5rem)"
|
|
48
33
|
},
|
|
49
34
|
{
|
|
50
|
-
"description": "
|
|
51
|
-
"name": "--hx-
|
|
52
|
-
"default": "
|
|
35
|
+
"description": "Z-index when sticky or bottom position.",
|
|
36
|
+
"name": "--hx-action-bar-z-index",
|
|
37
|
+
"default": "10"
|
|
53
38
|
}
|
|
54
39
|
],
|
|
55
40
|
"cssParts": [
|
|
56
41
|
{
|
|
57
|
-
"description": "The
|
|
58
|
-
"name": "
|
|
42
|
+
"description": "The root toolbar container element.",
|
|
43
|
+
"name": "base"
|
|
59
44
|
},
|
|
60
45
|
{
|
|
61
|
-
"description": "The
|
|
62
|
-
"name": "
|
|
46
|
+
"description": "The start (left) slot wrapper.",
|
|
47
|
+
"name": "start"
|
|
63
48
|
},
|
|
64
49
|
{
|
|
65
|
-
"description": "The
|
|
66
|
-
"name": "
|
|
50
|
+
"description": "The center (default) slot wrapper.",
|
|
51
|
+
"name": "center"
|
|
67
52
|
},
|
|
68
53
|
{
|
|
69
|
-
"description": "The
|
|
70
|
-
"name": "
|
|
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"
|
|
71
60
|
}
|
|
72
61
|
],
|
|
73
62
|
"slots": [
|
|
74
63
|
{
|
|
75
|
-
"description": "
|
|
76
|
-
"name": "
|
|
64
|
+
"description": "Left-aligned actions.",
|
|
65
|
+
"name": "start"
|
|
77
66
|
},
|
|
78
67
|
{
|
|
79
|
-
"description": "
|
|
68
|
+
"description": "Center content (default slot).",
|
|
80
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"
|
|
81
78
|
}
|
|
82
79
|
],
|
|
83
80
|
"members": [
|
|
84
81
|
{
|
|
85
82
|
"kind": "field",
|
|
86
|
-
"name": "
|
|
83
|
+
"name": "size",
|
|
87
84
|
"type": {
|
|
88
|
-
"text": "
|
|
85
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
89
86
|
},
|
|
90
|
-
"default": "
|
|
91
|
-
"description": "
|
|
92
|
-
"attribute": "
|
|
87
|
+
"default": "'md'",
|
|
88
|
+
"description": "Size of the action bar — propagated as a data attribute to slotted children.",
|
|
89
|
+
"attribute": "hx-size",
|
|
93
90
|
"reflects": true
|
|
94
91
|
},
|
|
95
92
|
{
|
|
96
93
|
"kind": "field",
|
|
97
|
-
"name": "
|
|
94
|
+
"name": "variant",
|
|
98
95
|
"type": {
|
|
99
|
-
"text": "
|
|
96
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
100
97
|
},
|
|
101
|
-
"default": "
|
|
102
|
-
"description": "
|
|
103
|
-
"attribute": "
|
|
98
|
+
"default": "'default'",
|
|
99
|
+
"description": "Visual variant controlling the bar background.",
|
|
100
|
+
"attribute": "variant",
|
|
104
101
|
"reflects": true
|
|
105
102
|
},
|
|
106
103
|
{
|
|
107
104
|
"kind": "field",
|
|
108
|
-
"name": "
|
|
105
|
+
"name": "position",
|
|
109
106
|
"type": {
|
|
110
|
-
"text": "
|
|
107
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
111
108
|
},
|
|
112
|
-
"default": "
|
|
113
|
-
"description": "
|
|
114
|
-
"attribute": "
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
"events": [
|
|
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
|
+
},
|
|
118
114
|
{
|
|
119
|
-
"
|
|
115
|
+
"kind": "field",
|
|
116
|
+
"name": "sticky",
|
|
120
117
|
"type": {
|
|
121
|
-
"text": "
|
|
118
|
+
"text": "boolean"
|
|
122
119
|
},
|
|
123
|
-
"
|
|
120
|
+
"deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
|
|
121
|
+
"attribute": "sticky",
|
|
122
|
+
"reflects": true
|
|
124
123
|
},
|
|
125
124
|
{
|
|
126
|
-
"
|
|
125
|
+
"kind": "field",
|
|
126
|
+
"name": "ariaLabel",
|
|
127
127
|
"type": {
|
|
128
|
-
"text": "
|
|
128
|
+
"text": "string"
|
|
129
129
|
},
|
|
130
|
-
"
|
|
130
|
+
"default": "'Actions'",
|
|
131
|
+
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
132
|
+
"attribute": "aria-label"
|
|
131
133
|
}
|
|
132
134
|
],
|
|
133
135
|
"attributes": [
|
|
134
136
|
{
|
|
135
|
-
"name": "
|
|
137
|
+
"name": "hx-size",
|
|
136
138
|
"type": {
|
|
137
|
-
"text": "
|
|
139
|
+
"text": "'sm' | 'md' | 'lg'"
|
|
138
140
|
},
|
|
139
|
-
"default": "
|
|
140
|
-
"description": "
|
|
141
|
-
"fieldName": "
|
|
142
|
-
"attribute": "
|
|
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"
|
|
143
145
|
},
|
|
144
146
|
{
|
|
145
|
-
"name": "
|
|
147
|
+
"name": "variant",
|
|
146
148
|
"type": {
|
|
147
|
-
"text": "
|
|
149
|
+
"text": "'default' | 'outlined' | 'filled'"
|
|
148
150
|
},
|
|
149
|
-
"default": "
|
|
150
|
-
"description": "
|
|
151
|
-
"fieldName": "
|
|
152
|
-
"attribute": "
|
|
151
|
+
"default": "'default'",
|
|
152
|
+
"description": "Visual variant controlling the bar background.",
|
|
153
|
+
"fieldName": "variant",
|
|
154
|
+
"attribute": "variant"
|
|
153
155
|
},
|
|
154
156
|
{
|
|
155
|
-
"name": "
|
|
157
|
+
"name": "position",
|
|
156
158
|
"type": {
|
|
157
|
-
"text": "
|
|
159
|
+
"text": "'top' | 'bottom' | 'sticky'"
|
|
158
160
|
},
|
|
159
|
-
"default": "
|
|
160
|
-
"description": "
|
|
161
|
-
"fieldName": "
|
|
162
|
-
"attribute": "
|
|
163
|
-
}
|
|
164
|
-
],
|
|
165
|
-
"superclass": {
|
|
166
|
-
"name": "LitElement",
|
|
167
|
-
"package": "lit"
|
|
168
|
-
},
|
|
169
|
-
"tagName": "hx-accordion-item",
|
|
170
|
-
"customElement": true,
|
|
171
|
-
"summary": "Collapsible panel that can be expanded or collapsed."
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"kind": "variable",
|
|
175
|
-
"name": "detail",
|
|
176
|
-
"type": {
|
|
177
|
-
"text": "object"
|
|
178
|
-
},
|
|
179
|
-
"default": "{ expanded, itemId: this.id || '' }"
|
|
180
|
-
}
|
|
181
|
-
],
|
|
182
|
-
"exports": [
|
|
183
|
-
{
|
|
184
|
-
"kind": "js",
|
|
185
|
-
"name": "HelixAccordionItem",
|
|
186
|
-
"declaration": {
|
|
187
|
-
"name": "HelixAccordionItem",
|
|
188
|
-
"module": "src/components/hx-accordion/hx-accordion-item.ts"
|
|
189
|
-
}
|
|
190
|
-
},
|
|
191
|
-
{
|
|
192
|
-
"kind": "custom-element-definition",
|
|
193
|
-
"name": "hx-accordion-item",
|
|
194
|
-
"declaration": {
|
|
195
|
-
"name": "HelixAccordionItem",
|
|
196
|
-
"module": "src/components/hx-accordion/hx-accordion-item.ts"
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
]
|
|
200
|
-
},
|
|
201
|
-
{
|
|
202
|
-
"kind": "javascript-module",
|
|
203
|
-
"path": "src/components/hx-accordion/hx-accordion.ts",
|
|
204
|
-
"declarations": [
|
|
205
|
-
{
|
|
206
|
-
"kind": "class",
|
|
207
|
-
"description": "An accordion container that manages collapsible content sections.",
|
|
208
|
-
"name": "HelixAccordion",
|
|
209
|
-
"cssProperties": [
|
|
210
|
-
{
|
|
211
|
-
"description": "Outer border radius.",
|
|
212
|
-
"name": "--hx-accordion-border-radius",
|
|
213
|
-
"default": "var(--hx-border-radius-md)"
|
|
214
|
-
}
|
|
215
|
-
],
|
|
216
|
-
"cssParts": [
|
|
217
|
-
{
|
|
218
|
-
"description": "The outer container wrapping all accordion items.",
|
|
219
|
-
"name": "accordion"
|
|
220
|
-
}
|
|
221
|
-
],
|
|
222
|
-
"slots": [
|
|
223
|
-
{
|
|
224
|
-
"description": "Default slot for hx-accordion-item elements.",
|
|
225
|
-
"name": ""
|
|
226
|
-
}
|
|
227
|
-
],
|
|
228
|
-
"members": [
|
|
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
|
+
},
|
|
229
166
|
{
|
|
230
|
-
"
|
|
231
|
-
"name": "mode",
|
|
167
|
+
"name": "sticky",
|
|
232
168
|
"type": {
|
|
233
|
-
"text": "
|
|
169
|
+
"text": "boolean"
|
|
234
170
|
},
|
|
235
|
-
"
|
|
236
|
-
"
|
|
237
|
-
"attribute": "
|
|
238
|
-
|
|
239
|
-
}
|
|
240
|
-
],
|
|
241
|
-
"attributes": [
|
|
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
|
+
},
|
|
242
175
|
{
|
|
243
|
-
"name": "
|
|
176
|
+
"name": "aria-label",
|
|
244
177
|
"type": {
|
|
245
|
-
"text": "
|
|
178
|
+
"text": "string"
|
|
246
179
|
},
|
|
247
|
-
"default": "'
|
|
248
|
-
"description": "
|
|
249
|
-
"fieldName": "
|
|
250
|
-
"attribute": "
|
|
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"
|
|
251
184
|
}
|
|
252
185
|
],
|
|
253
186
|
"superclass": {
|
|
254
187
|
"name": "LitElement",
|
|
255
188
|
"package": "lit"
|
|
256
189
|
},
|
|
257
|
-
"tagName": "hx-
|
|
190
|
+
"tagName": "hx-action-bar",
|
|
258
191
|
"customElement": true,
|
|
259
|
-
"summary": "
|
|
192
|
+
"summary": "Horizontal action bar for grouping related controls."
|
|
260
193
|
}
|
|
261
194
|
],
|
|
262
195
|
"exports": [
|
|
263
196
|
{
|
|
264
197
|
"kind": "js",
|
|
265
|
-
"name": "
|
|
198
|
+
"name": "HelixActionBar",
|
|
266
199
|
"declaration": {
|
|
267
|
-
"name": "
|
|
268
|
-
"module": "src/components/hx-
|
|
200
|
+
"name": "HelixActionBar",
|
|
201
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
269
202
|
}
|
|
270
203
|
},
|
|
271
204
|
{
|
|
272
205
|
"kind": "custom-element-definition",
|
|
273
|
-
"name": "hx-
|
|
206
|
+
"name": "hx-action-bar",
|
|
274
207
|
"declaration": {
|
|
275
|
-
"name": "
|
|
276
|
-
"module": "src/components/hx-
|
|
208
|
+
"name": "HelixActionBar",
|
|
209
|
+
"module": "src/components/hx-action-bar/hx-action-bar.ts"
|
|
277
210
|
}
|
|
278
211
|
}
|
|
279
212
|
]
|
|
280
213
|
},
|
|
281
214
|
{
|
|
282
215
|
"kind": "javascript-module",
|
|
283
|
-
"path": "src/components/hx-
|
|
216
|
+
"path": "src/components/hx-action-bar/index.ts",
|
|
284
217
|
"declarations": [],
|
|
285
218
|
"exports": [
|
|
286
219
|
{
|
|
287
220
|
"kind": "js",
|
|
288
|
-
"name": "
|
|
289
|
-
"declaration": {
|
|
290
|
-
"name": "HelixAccordion",
|
|
291
|
-
"module": "./hx-accordion.js"
|
|
292
|
-
}
|
|
293
|
-
},
|
|
294
|
-
{
|
|
295
|
-
"kind": "js",
|
|
296
|
-
"name": "HelixAccordionItem",
|
|
221
|
+
"name": "HelixActionBar",
|
|
297
222
|
"declaration": {
|
|
298
|
-
"name": "
|
|
299
|
-
"module": "./hx-
|
|
223
|
+
"name": "HelixActionBar",
|
|
224
|
+
"module": "./hx-action-bar.js"
|
|
300
225
|
}
|
|
301
226
|
}
|
|
302
227
|
]
|
|
303
228
|
},
|
|
304
229
|
{
|
|
305
230
|
"kind": "javascript-module",
|
|
306
|
-
"path": "src/components/hx-
|
|
231
|
+
"path": "src/components/hx-accordion/hx-accordion-item.ts",
|
|
307
232
|
"declarations": [
|
|
308
233
|
{
|
|
309
234
|
"kind": "class",
|
|
310
|
-
"description": "
|
|
311
|
-
"name": "
|
|
235
|
+
"description": "An individual accordion item with collapsible content.",
|
|
236
|
+
"name": "HelixAccordionItem",
|
|
312
237
|
"cssProperties": [
|
|
313
238
|
{
|
|
314
|
-
"description": "
|
|
315
|
-
"name": "--hx-
|
|
239
|
+
"description": "Border color between items.",
|
|
240
|
+
"name": "--hx-accordion-border-color",
|
|
241
|
+
"default": "var(--hx-color-neutral-200)"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"description": "Trigger padding.",
|
|
245
|
+
"name": "--hx-accordion-trigger-padding",
|
|
246
|
+
"default": "var(--hx-space-4)"
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"description": "Trigger text color.",
|
|
250
|
+
"name": "--hx-accordion-trigger-color",
|
|
251
|
+
"default": "var(--hx-color-neutral-800)"
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"description": "Trigger background color.",
|
|
255
|
+
"name": "--hx-accordion-trigger-bg",
|
|
316
256
|
"default": "transparent"
|
|
317
257
|
},
|
|
318
258
|
{
|
|
319
|
-
"description": "
|
|
320
|
-
"name": "--hx-
|
|
321
|
-
"default": "
|
|
259
|
+
"description": "Trigger hover background.",
|
|
260
|
+
"name": "--hx-accordion-trigger-hover-bg",
|
|
261
|
+
"default": "var(--hx-color-neutral-50)"
|
|
322
262
|
},
|
|
323
263
|
{
|
|
324
|
-
"description": "
|
|
325
|
-
"name": "--hx-
|
|
326
|
-
"default": "var(--hx-
|
|
264
|
+
"description": "Icon color.",
|
|
265
|
+
"name": "--hx-accordion-icon-color",
|
|
266
|
+
"default": "var(--hx-color-neutral-500)"
|
|
327
267
|
},
|
|
328
268
|
{
|
|
329
|
-
"description": "
|
|
330
|
-
"name": "--hx-
|
|
331
|
-
"default": "var(--hx-space-
|
|
269
|
+
"description": "Content padding.",
|
|
270
|
+
"name": "--hx-accordion-content-padding",
|
|
271
|
+
"default": "0 var(--hx-space-4) var(--hx-space-4)"
|
|
332
272
|
},
|
|
333
273
|
{
|
|
334
|
-
"description": "
|
|
335
|
-
"name": "--hx-
|
|
336
|
-
"default": "
|
|
274
|
+
"description": "Content text color.",
|
|
275
|
+
"name": "--hx-accordion-content-color",
|
|
276
|
+
"default": "var(--hx-color-neutral-600)"
|
|
337
277
|
}
|
|
338
278
|
],
|
|
339
279
|
"cssParts": [
|
|
340
280
|
{
|
|
341
|
-
"description": "The
|
|
342
|
-
"name": "
|
|
343
|
-
},
|
|
344
|
-
{
|
|
345
|
-
"description": "The start (left) slot wrapper.",
|
|
346
|
-
"name": "start"
|
|
281
|
+
"description": "The outer details element container.",
|
|
282
|
+
"name": "item"
|
|
347
283
|
},
|
|
348
284
|
{
|
|
349
|
-
"description": "The
|
|
350
|
-
"name": "
|
|
285
|
+
"description": "The summary/trigger element.",
|
|
286
|
+
"name": "trigger"
|
|
351
287
|
},
|
|
352
288
|
{
|
|
353
|
-
"description": "The
|
|
354
|
-
"name": "
|
|
289
|
+
"description": "The collapsible content area.",
|
|
290
|
+
"name": "content"
|
|
355
291
|
},
|
|
356
292
|
{
|
|
357
|
-
"description": "The
|
|
358
|
-
"name": "
|
|
293
|
+
"description": "The expand/collapse icon.",
|
|
294
|
+
"name": "icon"
|
|
359
295
|
}
|
|
360
296
|
],
|
|
361
297
|
"slots": [
|
|
362
298
|
{
|
|
363
|
-
"description": "
|
|
364
|
-
"name": "
|
|
299
|
+
"description": "The heading/trigger content for this item.",
|
|
300
|
+
"name": "trigger"
|
|
365
301
|
},
|
|
366
302
|
{
|
|
367
|
-
"description": "
|
|
303
|
+
"description": "Default slot for the collapsible body content.",
|
|
368
304
|
"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
305
|
}
|
|
378
306
|
],
|
|
379
307
|
"members": [
|
|
380
308
|
{
|
|
381
309
|
"kind": "field",
|
|
382
|
-
"name": "
|
|
310
|
+
"name": "expanded",
|
|
383
311
|
"type": {
|
|
384
|
-
"text": "
|
|
312
|
+
"text": "boolean"
|
|
385
313
|
},
|
|
386
|
-
"default": "
|
|
387
|
-
"description": "
|
|
388
|
-
"attribute": "
|
|
314
|
+
"default": "false",
|
|
315
|
+
"description": "Whether this item is expanded.",
|
|
316
|
+
"attribute": "expanded",
|
|
389
317
|
"reflects": true
|
|
390
318
|
},
|
|
391
319
|
{
|
|
392
320
|
"kind": "field",
|
|
393
|
-
"name": "
|
|
321
|
+
"name": "disabled",
|
|
394
322
|
"type": {
|
|
395
|
-
"text": "
|
|
323
|
+
"text": "boolean"
|
|
396
324
|
},
|
|
397
|
-
"default": "
|
|
398
|
-
"description": "
|
|
399
|
-
"attribute": "
|
|
325
|
+
"default": "false",
|
|
326
|
+
"description": "Whether this item is disabled (cannot be toggled).",
|
|
327
|
+
"attribute": "disabled",
|
|
400
328
|
"reflects": true
|
|
401
329
|
},
|
|
402
330
|
{
|
|
403
331
|
"kind": "field",
|
|
404
|
-
"name": "
|
|
332
|
+
"name": "level",
|
|
405
333
|
"type": {
|
|
406
|
-
"text": "
|
|
334
|
+
"text": "1 | 2 | 3 | 4 | 5 | 6"
|
|
407
335
|
},
|
|
408
|
-
"default": "
|
|
409
|
-
"description": "
|
|
410
|
-
"attribute": "
|
|
411
|
-
|
|
412
|
-
|
|
336
|
+
"default": "3",
|
|
337
|
+
"description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
|
|
338
|
+
"attribute": "level"
|
|
339
|
+
}
|
|
340
|
+
],
|
|
341
|
+
"events": [
|
|
413
342
|
{
|
|
414
|
-
"
|
|
415
|
-
"name": "sticky",
|
|
343
|
+
"name": "hx-expand",
|
|
416
344
|
"type": {
|
|
417
|
-
"text": "boolean"
|
|
345
|
+
"text": "CustomEvent<{expanded: boolean, itemId: string}>"
|
|
418
346
|
},
|
|
419
|
-
"
|
|
420
|
-
"attribute": "sticky",
|
|
421
|
-
"reflects": true
|
|
347
|
+
"description": "Dispatched when the item is expanded."
|
|
422
348
|
},
|
|
423
349
|
{
|
|
424
|
-
"
|
|
425
|
-
"name": "ariaLabel",
|
|
350
|
+
"name": "hx-collapse",
|
|
426
351
|
"type": {
|
|
427
|
-
"text": "string"
|
|
352
|
+
"text": "CustomEvent<{expanded: boolean, itemId: string}>"
|
|
428
353
|
},
|
|
429
|
-
"
|
|
430
|
-
"description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.",
|
|
431
|
-
"attribute": "aria-label"
|
|
354
|
+
"description": "Dispatched when the item is collapsed."
|
|
432
355
|
}
|
|
433
356
|
],
|
|
434
357
|
"attributes": [
|
|
435
358
|
{
|
|
436
|
-
"name": "
|
|
359
|
+
"name": "expanded",
|
|
437
360
|
"type": {
|
|
438
|
-
"text": "
|
|
361
|
+
"text": "boolean"
|
|
439
362
|
},
|
|
440
|
-
"default": "
|
|
441
|
-
"description": "
|
|
442
|
-
"fieldName": "
|
|
443
|
-
"attribute": "
|
|
363
|
+
"default": "false",
|
|
364
|
+
"description": "Whether this item is expanded.",
|
|
365
|
+
"fieldName": "expanded",
|
|
366
|
+
"attribute": "expanded"
|
|
444
367
|
},
|
|
445
368
|
{
|
|
446
|
-
"name": "
|
|
369
|
+
"name": "disabled",
|
|
447
370
|
"type": {
|
|
448
|
-
"text": "
|
|
371
|
+
"text": "boolean"
|
|
449
372
|
},
|
|
450
|
-
"default": "
|
|
451
|
-
"description": "
|
|
452
|
-
"fieldName": "
|
|
453
|
-
"attribute": "
|
|
373
|
+
"default": "false",
|
|
374
|
+
"description": "Whether this item is disabled (cannot be toggled).",
|
|
375
|
+
"fieldName": "disabled",
|
|
376
|
+
"attribute": "disabled"
|
|
454
377
|
},
|
|
455
378
|
{
|
|
456
|
-
"name": "
|
|
379
|
+
"name": "level",
|
|
457
380
|
"type": {
|
|
458
|
-
"text": "
|
|
381
|
+
"text": "1 | 2 | 3 | 4 | 5 | 6"
|
|
459
382
|
},
|
|
460
|
-
"default": "
|
|
461
|
-
"description": "
|
|
462
|
-
"fieldName": "
|
|
463
|
-
"attribute": "
|
|
464
|
-
}
|
|
383
|
+
"default": "3",
|
|
384
|
+
"description": "Heading level (1–6) applied via `role=\"heading\" aria-level` on the summary\ntrigger. Defaults to 3. Set to match the document outline around the\naccordion so screen readers surface accordion items in the heading list.",
|
|
385
|
+
"fieldName": "level",
|
|
386
|
+
"attribute": "level"
|
|
387
|
+
}
|
|
388
|
+
],
|
|
389
|
+
"superclass": {
|
|
390
|
+
"name": "LitElement",
|
|
391
|
+
"package": "lit"
|
|
392
|
+
},
|
|
393
|
+
"tagName": "hx-accordion-item",
|
|
394
|
+
"customElement": true,
|
|
395
|
+
"summary": "Collapsible panel that can be expanded or collapsed."
|
|
396
|
+
},
|
|
397
|
+
{
|
|
398
|
+
"kind": "variable",
|
|
399
|
+
"name": "detail",
|
|
400
|
+
"type": {
|
|
401
|
+
"text": "object"
|
|
402
|
+
},
|
|
403
|
+
"default": "{ expanded, itemId: this.id || '' }"
|
|
404
|
+
}
|
|
405
|
+
],
|
|
406
|
+
"exports": [
|
|
407
|
+
{
|
|
408
|
+
"kind": "js",
|
|
409
|
+
"name": "HelixAccordionItem",
|
|
410
|
+
"declaration": {
|
|
411
|
+
"name": "HelixAccordionItem",
|
|
412
|
+
"module": "src/components/hx-accordion/hx-accordion-item.ts"
|
|
413
|
+
}
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"kind": "custom-element-definition",
|
|
417
|
+
"name": "hx-accordion-item",
|
|
418
|
+
"declaration": {
|
|
419
|
+
"name": "HelixAccordionItem",
|
|
420
|
+
"module": "src/components/hx-accordion/hx-accordion-item.ts"
|
|
421
|
+
}
|
|
422
|
+
}
|
|
423
|
+
]
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"kind": "javascript-module",
|
|
427
|
+
"path": "src/components/hx-accordion/hx-accordion.ts",
|
|
428
|
+
"declarations": [
|
|
429
|
+
{
|
|
430
|
+
"kind": "class",
|
|
431
|
+
"description": "An accordion container that manages collapsible content sections.",
|
|
432
|
+
"name": "HelixAccordion",
|
|
433
|
+
"cssProperties": [
|
|
465
434
|
{
|
|
466
|
-
"
|
|
435
|
+
"description": "Outer border radius.",
|
|
436
|
+
"name": "--hx-accordion-border-radius",
|
|
437
|
+
"default": "var(--hx-border-radius-md)"
|
|
438
|
+
}
|
|
439
|
+
],
|
|
440
|
+
"cssParts": [
|
|
441
|
+
{
|
|
442
|
+
"description": "The outer container wrapping all accordion items.",
|
|
443
|
+
"name": "accordion"
|
|
444
|
+
}
|
|
445
|
+
],
|
|
446
|
+
"slots": [
|
|
447
|
+
{
|
|
448
|
+
"description": "Default slot for hx-accordion-item elements.",
|
|
449
|
+
"name": ""
|
|
450
|
+
}
|
|
451
|
+
],
|
|
452
|
+
"members": [
|
|
453
|
+
{
|
|
454
|
+
"kind": "field",
|
|
455
|
+
"name": "mode",
|
|
467
456
|
"type": {
|
|
468
|
-
"text": "
|
|
457
|
+
"text": "'single' | 'multi'"
|
|
469
458
|
},
|
|
470
|
-
"
|
|
471
|
-
"
|
|
472
|
-
"attribute": "
|
|
473
|
-
|
|
459
|
+
"default": "'single'",
|
|
460
|
+
"description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
|
|
461
|
+
"attribute": "mode",
|
|
462
|
+
"reflects": true
|
|
463
|
+
}
|
|
464
|
+
],
|
|
465
|
+
"attributes": [
|
|
474
466
|
{
|
|
475
|
-
"name": "
|
|
467
|
+
"name": "mode",
|
|
476
468
|
"type": {
|
|
477
|
-
"text": "
|
|
469
|
+
"text": "'single' | 'multi'"
|
|
478
470
|
},
|
|
479
|
-
"default": "'
|
|
480
|
-
"description": "
|
|
481
|
-
"fieldName": "
|
|
482
|
-
"attribute": "
|
|
471
|
+
"default": "'single'",
|
|
472
|
+
"description": "Expansion mode: 'single' collapses all other items when one expands.\n'multi' allows multiple items open simultaneously.",
|
|
473
|
+
"fieldName": "mode",
|
|
474
|
+
"attribute": "mode"
|
|
483
475
|
}
|
|
484
476
|
],
|
|
485
477
|
"superclass": {
|
|
486
478
|
"name": "LitElement",
|
|
487
479
|
"package": "lit"
|
|
488
480
|
},
|
|
489
|
-
"tagName": "hx-
|
|
481
|
+
"tagName": "hx-accordion",
|
|
490
482
|
"customElement": true,
|
|
491
|
-
"summary": "
|
|
483
|
+
"summary": "Collapsible content sections with single or multi-expand modes."
|
|
492
484
|
}
|
|
493
485
|
],
|
|
494
486
|
"exports": [
|
|
495
487
|
{
|
|
496
488
|
"kind": "js",
|
|
497
|
-
"name": "
|
|
489
|
+
"name": "HelixAccordion",
|
|
498
490
|
"declaration": {
|
|
499
|
-
"name": "
|
|
500
|
-
"module": "src/components/hx-
|
|
491
|
+
"name": "HelixAccordion",
|
|
492
|
+
"module": "src/components/hx-accordion/hx-accordion.ts"
|
|
501
493
|
}
|
|
502
494
|
},
|
|
503
495
|
{
|
|
504
496
|
"kind": "custom-element-definition",
|
|
505
|
-
"name": "hx-
|
|
497
|
+
"name": "hx-accordion",
|
|
506
498
|
"declaration": {
|
|
507
|
-
"name": "
|
|
508
|
-
"module": "src/components/hx-
|
|
499
|
+
"name": "HelixAccordion",
|
|
500
|
+
"module": "src/components/hx-accordion/hx-accordion.ts"
|
|
509
501
|
}
|
|
510
502
|
}
|
|
511
503
|
]
|
|
512
504
|
},
|
|
513
505
|
{
|
|
514
506
|
"kind": "javascript-module",
|
|
515
|
-
"path": "src/components/hx-
|
|
507
|
+
"path": "src/components/hx-accordion/index.ts",
|
|
516
508
|
"declarations": [],
|
|
517
509
|
"exports": [
|
|
518
510
|
{
|
|
519
511
|
"kind": "js",
|
|
520
|
-
"name": "
|
|
512
|
+
"name": "HelixAccordion",
|
|
521
513
|
"declaration": {
|
|
522
|
-
"name": "
|
|
523
|
-
"module": "./hx-
|
|
514
|
+
"name": "HelixAccordion",
|
|
515
|
+
"module": "./hx-accordion.js"
|
|
516
|
+
}
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"kind": "js",
|
|
520
|
+
"name": "HelixAccordionItem",
|
|
521
|
+
"declaration": {
|
|
522
|
+
"name": "HelixAccordionItem",
|
|
523
|
+
"module": "./hx-accordion-item.js"
|
|
524
524
|
}
|
|
525
525
|
}
|
|
526
526
|
]
|
|
@@ -2026,8 +2026,69 @@
|
|
|
2026
2026
|
"declarations": [
|
|
2027
2027
|
{
|
|
2028
2028
|
"kind": "class",
|
|
2029
|
-
"description": "
|
|
2029
|
+
"description": "Hierarchical page path navigation showing current location in site structure.",
|
|
2030
2030
|
"name": "HelixBreadcrumb",
|
|
2031
|
+
"cssProperties": [
|
|
2032
|
+
{
|
|
2033
|
+
"description": "Separator character between items. NOTE: If overriding this custom property directly in CSS (rather than via the `separator` attribute), the value MUST be quoted: `--hx-breadcrumb-separator-content: \">\"`. An unquoted value is invalid for the CSS `content` property and will silently render nothing.",
|
|
2034
|
+
"name": "--hx-breadcrumb-separator-content",
|
|
2035
|
+
"default": "'/'"
|
|
2036
|
+
},
|
|
2037
|
+
{
|
|
2038
|
+
"description": "Separator color.",
|
|
2039
|
+
"name": "--hx-breadcrumb-separator-color",
|
|
2040
|
+
"default": "var(--hx-color-neutral-400)"
|
|
2041
|
+
},
|
|
2042
|
+
{
|
|
2043
|
+
"description": "Horizontal gap around separators.",
|
|
2044
|
+
"name": "--hx-breadcrumb-separator-gap",
|
|
2045
|
+
"default": "var(--hx-space-1)"
|
|
2046
|
+
},
|
|
2047
|
+
{
|
|
2048
|
+
"description": "Font size.",
|
|
2049
|
+
"name": "--hx-breadcrumb-font-size",
|
|
2050
|
+
"default": "var(--hx-font-size-sm)"
|
|
2051
|
+
},
|
|
2052
|
+
{
|
|
2053
|
+
"description": "Link color.",
|
|
2054
|
+
"name": "--hx-breadcrumb-link-color",
|
|
2055
|
+
"default": "var(--hx-color-primary-600)"
|
|
2056
|
+
},
|
|
2057
|
+
{
|
|
2058
|
+
"description": "Link hover color.",
|
|
2059
|
+
"name": "--hx-breadcrumb-link-hover-color",
|
|
2060
|
+
"default": "var(--hx-color-primary-700)"
|
|
2061
|
+
},
|
|
2062
|
+
{
|
|
2063
|
+
"description": "Current page text color.",
|
|
2064
|
+
"name": "--hx-breadcrumb-text-color",
|
|
2065
|
+
"default": "var(--hx-color-neutral-700)"
|
|
2066
|
+
},
|
|
2067
|
+
{
|
|
2068
|
+
"description": "Max-width for item text truncation (e.g. `12rem`).",
|
|
2069
|
+
"name": "--hx-breadcrumb-item-max-width"
|
|
2070
|
+
}
|
|
2071
|
+
],
|
|
2072
|
+
"cssParts": [
|
|
2073
|
+
{
|
|
2074
|
+
"description": "The nav landmark element.",
|
|
2075
|
+
"name": "nav"
|
|
2076
|
+
},
|
|
2077
|
+
{
|
|
2078
|
+
"description": "The ordered list containing items.",
|
|
2079
|
+
"name": "list"
|
|
2080
|
+
}
|
|
2081
|
+
],
|
|
2082
|
+
"slots": [
|
|
2083
|
+
{
|
|
2084
|
+
"description": "Default slot for hx-breadcrumb-item children.",
|
|
2085
|
+
"name": ""
|
|
2086
|
+
},
|
|
2087
|
+
{
|
|
2088
|
+
"description": "Optional separator element. Its text content overrides the `separator` property.",
|
|
2089
|
+
"name": "separator"
|
|
2090
|
+
}
|
|
2091
|
+
],
|
|
2031
2092
|
"members": [
|
|
2032
2093
|
{
|
|
2033
2094
|
"kind": "field",
|
|
@@ -2137,7 +2198,8 @@
|
|
|
2137
2198
|
"package": "lit"
|
|
2138
2199
|
},
|
|
2139
2200
|
"tagName": "hx-breadcrumb",
|
|
2140
|
-
"customElement": true
|
|
2201
|
+
"customElement": true,
|
|
2202
|
+
"summary": "Navigation breadcrumb showing the page hierarchy. Works with Drupal's breadcrumb system."
|
|
2141
2203
|
},
|
|
2142
2204
|
{
|
|
2143
2205
|
"kind": "variable",
|
|
@@ -5847,6 +5909,26 @@
|
|
|
5847
5909
|
{
|
|
5848
5910
|
"description": "The loading spinner shown during async operations.",
|
|
5849
5911
|
"name": "loading-indicator"
|
|
5912
|
+
},
|
|
5913
|
+
{
|
|
5914
|
+
"description": "The outer field wrapper element.",
|
|
5915
|
+
"name": "field"
|
|
5916
|
+
},
|
|
5917
|
+
{
|
|
5918
|
+
"description": "The label element.",
|
|
5919
|
+
"name": "label"
|
|
5920
|
+
},
|
|
5921
|
+
{
|
|
5922
|
+
"description": "An individual option item in the listbox.",
|
|
5923
|
+
"name": "option"
|
|
5924
|
+
},
|
|
5925
|
+
{
|
|
5926
|
+
"description": "The error message element.",
|
|
5927
|
+
"name": "error"
|
|
5928
|
+
},
|
|
5929
|
+
{
|
|
5930
|
+
"description": "The help text element.",
|
|
5931
|
+
"name": "help-text"
|
|
5850
5932
|
}
|
|
5851
5933
|
],
|
|
5852
5934
|
"slots": [
|
|
@@ -8781,6 +8863,10 @@
|
|
|
8781
8863
|
"description": "The built-in close button.",
|
|
8782
8864
|
"name": "close-button"
|
|
8783
8865
|
},
|
|
8866
|
+
{
|
|
8867
|
+
"description": "The visually-hidden close button rendered when noHeader is true.",
|
|
8868
|
+
"name": "close-btn"
|
|
8869
|
+
},
|
|
8784
8870
|
{
|
|
8785
8871
|
"description": "The scrollable body region.",
|
|
8786
8872
|
"name": "body"
|
|
@@ -19384,6 +19470,10 @@
|
|
|
19384
19470
|
{
|
|
19385
19471
|
"description": "Each individual tick mark element.",
|
|
19386
19472
|
"name": "tick"
|
|
19473
|
+
},
|
|
19474
|
+
{
|
|
19475
|
+
"description": "The help text element displayed below the slider.",
|
|
19476
|
+
"name": "help-text"
|
|
19387
19477
|
}
|
|
19388
19478
|
],
|
|
19389
19479
|
"slots": [
|
|
@@ -25875,6 +25965,18 @@
|
|
|
25875
25965
|
{
|
|
25876
25966
|
"description": "Each `<li>` option in the listbox.",
|
|
25877
25967
|
"name": "option"
|
|
25968
|
+
},
|
|
25969
|
+
{
|
|
25970
|
+
"description": "The outer field wrapper element.",
|
|
25971
|
+
"name": "field"
|
|
25972
|
+
},
|
|
25973
|
+
{
|
|
25974
|
+
"description": "The error message element.",
|
|
25975
|
+
"name": "error"
|
|
25976
|
+
},
|
|
25977
|
+
{
|
|
25978
|
+
"description": "The help text element.",
|
|
25979
|
+
"name": "help-text"
|
|
25878
25980
|
}
|
|
25879
25981
|
],
|
|
25880
25982
|
"slots": [
|