@fusion.dev/helix-headless 0.228.0 → 0.229.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.
- package/api.json +1 -1
- package/custom-elements.json +1 -1
- package/dist/announcement/root/announcement-root.d.ts +0 -23
- package/dist/announcement/root/announcement-root.js +0 -3
- package/dist/button-group/root/button-group-root.d.ts +2 -3
- package/dist/canvas/node/canvas-node.d.ts +1 -1
- package/dist/canvas/node/canvas-node.js +1 -1
- package/dist/filter-input/chip/filter-chip.js +1 -1
- package/dist/image/root/image-root.d.ts +3 -0
- package/dist/image/root/image-root.js +9 -6
- package/dist/list/root/list-root.d.ts +1 -1
- package/dist/list/root/list-root.js +2 -1
- package/dist/map/marker/map-marker.d.ts +1 -1
- package/dist/map/marker/map-marker.js +1 -1
- package/dist/meter/segment/meter-segment.d.ts +0 -5
- package/dist/meter/segment/meter-segment.js +0 -3
- package/dist/option/root/option-root.d.ts +1 -1
- package/dist/option/root/option-root.js +3 -3
- package/dist/select/root/select-root.js +1 -1
- package/dist/switch/root/switch-root.d.ts +1 -0
- package/dist/switch/root/switch-root.js +4 -0
- package/examples.json +1 -1
- package/lint.json +1 -1
- package/package.json +5 -5
- package/types/jsx.d.ts +11 -41
- package/types/vue.d.ts +4 -29
- package/types/words.d.ts +7 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fusion.dev/helix-headless",
|
|
3
3
|
"description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.229.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Fusion Development Group",
|
|
7
7
|
"repository": {
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
},
|
|
59
59
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
60
60
|
"dependencies": {
|
|
61
|
-
"@fusion.dev/helix-core": "0.
|
|
62
|
-
"@fusion.dev/helix-icons": "0.
|
|
61
|
+
"@fusion.dev/helix-core": "0.229.0",
|
|
62
|
+
"@fusion.dev/helix-icons": "0.229.0",
|
|
63
63
|
"tslib": "^2.8.1",
|
|
64
64
|
"uqr": "^0.1.3"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
|
-
"@fusion.dev/helix-cem": "0.
|
|
68
|
-
"@fusion.dev/helix-testing": "0.
|
|
67
|
+
"@fusion.dev/helix-cem": "0.229.0",
|
|
68
|
+
"@fusion.dev/helix-testing": "0.229.0",
|
|
69
69
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
70
70
|
"@happy-dom/global-registrator": "^21.0.4",
|
|
71
71
|
"@lit-labs/ssr": "^4.1.0",
|
package/types/jsx.d.ts
CHANGED
|
@@ -478,27 +478,6 @@ before it in the same parent, showing when the last of them is removed.
|
|
|
478
478
|
|
|
479
479
|
Off by default, so every announcement on a page shows at once. */
|
|
480
480
|
"queued"?: HelixHeadlessAnnouncement["queued"] | undefined;
|
|
481
|
-
/** The band's color.
|
|
482
|
-
|
|
483
|
-
Paint only: unlike `Callout`, no value here draws a mark, changes the label,
|
|
484
|
-
or moves the live region off polite. `neutral` is the resting value, said
|
|
485
|
-
out loud so a consumer can put a band back to it from markup.
|
|
486
|
-
|
|
487
|
-
**The set is `Tag`'s and `Badge`'s, and now actually is.** This doc claimed
|
|
488
|
-
to match `Tag` while differing from it in both directions: it carried
|
|
489
|
-
`surface`, which `Tag` does not, and lacked `accent`, which `Tag` has. Three
|
|
490
|
-
components saying what a thing means, in three vocabularies, one of which
|
|
491
|
-
described itself as a fourth.
|
|
492
|
-
|
|
493
|
-
`accent` is the second emphasis, the second color a theme names, and the
|
|
494
|
-
brand itself until one is named. `primary` is the brand.
|
|
495
|
-
|
|
496
|
-
**`surface` was never a color and has moved to `separation`**, which is the
|
|
497
|
-
axis that owns where a box sits relative to the page. It said the band rode
|
|
498
|
-
the surface step instead of the sunken one, which is an elevation, and a
|
|
499
|
-
band can be `info` and elevated at once: two values true together are two
|
|
500
|
-
axes, which is the test the registry answers to. */
|
|
501
|
-
"tone"?: HelixHeadlessAnnouncement["tone"] | undefined;
|
|
502
481
|
/** Whether the element shows a control that dismisses it. */
|
|
503
482
|
"dismissible"?: HelixHeadlessAnnouncement["dismissible"] | undefined;
|
|
504
483
|
/** The dismiss control's label, read by screen readers.
|
|
@@ -531,8 +510,6 @@ export type HelixHeadlessAnnouncementSolidJsProps = {
|
|
|
531
510
|
"prop:label"?: HelixHeadlessAnnouncement["label"] | undefined;
|
|
532
511
|
/** Whether the announcement waits its turn behind the queued announcements before it in the same parent, showing when the last of them is removed. */
|
|
533
512
|
"prop:queued"?: HelixHeadlessAnnouncement["queued"] | undefined;
|
|
534
|
-
/** The band's color. */
|
|
535
|
-
"prop:tone"?: HelixHeadlessAnnouncement["tone"] | undefined;
|
|
536
513
|
/** Whether the element shows a control that dismisses it. */
|
|
537
514
|
"prop:dismissible"?: HelixHeadlessAnnouncement["dismissible"] | undefined;
|
|
538
515
|
/** The dismiss control's label, read by screen readers. */
|
|
@@ -1634,9 +1611,8 @@ it and nothing lands on the host that a consumer's markup did not have. */
|
|
|
1634
1611
|
Unset is a row and stays unset, so a reflected default cannot appear on a
|
|
1635
1612
|
host whose server output never had it.
|
|
1636
1613
|
|
|
1637
|
-
**A property and not an `auto`, which the splitter and
|
|
1638
|
-
|
|
1639
|
-
arrow keys, how many slides a page holds. A group of buttons turning is
|
|
1614
|
+
**A property and not an `auto`, which the splitter earned and this has not.**
|
|
1615
|
+
Turning a splitter changes what it *does*: a drag axis and arrow keys. A group of buttons turning is
|
|
1640
1616
|
paint, so there is no state to resolve and nothing to observe; what it needs
|
|
1641
1617
|
is for a consumer who knows the column is narrow to be able to say so.
|
|
1642
1618
|
|
|
@@ -13917,9 +13893,9 @@ Absent is `all`. */
|
|
|
13917
13893
|
/** The old name of `empty-text`, read only where a page sets it. */
|
|
13918
13894
|
"emptyLabel"?: HelixHeadlessList["emptyLabel"] | undefined;
|
|
13919
13895
|
/** The text of the row shown while the list has no rows, where the `empty`
|
|
13920
|
-
slot is empty.
|
|
13896
|
+
slot is empty. An empty string shows no row. */
|
|
13921
13897
|
"empty-text"?: HelixHeadlessList["emptyText"] | undefined;
|
|
13922
|
-
/** The text of the row shown while the list has no rows, where the `empty` slot is empty.
|
|
13898
|
+
/** The text of the row shown while the list has no rows, where the `empty` slot is empty. An empty string shows no row. */
|
|
13923
13899
|
"emptyText"?: HelixHeadlessList["emptyText"] | undefined;
|
|
13924
13900
|
/** The kind of list, which follows from the content.
|
|
13925
13901
|
|
|
@@ -14044,9 +14020,9 @@ export type HelixHeadlessListSolidJsProps = {
|
|
|
14044
14020
|
"attr:empty-label"?: HelixHeadlessList["emptyLabel"] | undefined;
|
|
14045
14021
|
/** The old name of `empty-text`, read only where a page sets it. */
|
|
14046
14022
|
"prop:emptyLabel"?: HelixHeadlessList["emptyLabel"] | undefined;
|
|
14047
|
-
/** The text of the row shown while the list has no rows, where the `empty` slot is empty.
|
|
14023
|
+
/** The text of the row shown while the list has no rows, where the `empty` slot is empty. An empty string shows no row. */
|
|
14048
14024
|
"attr:empty-text"?: HelixHeadlessList["emptyText"] | undefined;
|
|
14049
|
-
/** The text of the row shown while the list has no rows, where the `empty` slot is empty.
|
|
14025
|
+
/** The text of the row shown while the list has no rows, where the `empty` slot is empty. An empty string shows no row. */
|
|
14050
14026
|
"prop:emptyText"?: HelixHeadlessList["emptyText"] | undefined;
|
|
14051
14027
|
/** The kind of list, which follows from the content. */
|
|
14052
14028
|
"prop:kind"?: HelixHeadlessList["kind"] | undefined;
|
|
@@ -16979,9 +16955,6 @@ rests on it.
|
|
|
16979
16955
|
|
|
16980
16956
|
Not announced: see the note on a meter's children above. */
|
|
16981
16957
|
"label"?: HelixHeadlessMeterSegment["label"] | undefined;
|
|
16982
|
-
/** What the segment means, as it does on a callout. Takes the tone's color in
|
|
16983
|
-
place of the next color in the series. */
|
|
16984
|
-
"tone"?: HelixHeadlessMeterSegment["tone"] | undefined;
|
|
16985
16958
|
/** How much of the meter's range the segment takes, in the units of the meter's
|
|
16986
16959
|
`min` and `max`.
|
|
16987
16960
|
|
|
@@ -16992,8 +16965,6 @@ A value that is not a number, or is below zero, draws nothing. */
|
|
|
16992
16965
|
export type HelixHeadlessMeterSegmentSolidJsProps = {
|
|
16993
16966
|
/** What the segment is, such as "Tools", which names the slice when a pointer rests on it. */
|
|
16994
16967
|
"prop:label"?: HelixHeadlessMeterSegment["label"] | undefined;
|
|
16995
|
-
/** What the segment means, as it does on a callout. Takes the tone's color in place of the next color in the series. */
|
|
16996
|
-
"prop:tone"?: HelixHeadlessMeterSegment["tone"] | undefined;
|
|
16997
16968
|
/** How much of the meter's range the segment takes, in the units of the meter's `min` and `max`. */
|
|
16998
16969
|
"prop:value"?: HelixHeadlessMeterSegment["value"] | undefined;
|
|
16999
16970
|
/** Set the innerHTML of the element */
|
|
@@ -28976,7 +28947,6 @@ interface Tags {
|
|
|
28976
28947
|
* - `hotkey`: The key that moves focus to the announcement's first control, and back to where it was, written as keys joined by `+`, such as `F6` or `Alt+A`.
|
|
28977
28948
|
* - `label`: The name of the announcement's region, which screen readers list among the page's landmarks.
|
|
28978
28949
|
* - `queued`: Whether the announcement waits its turn behind the queued announcements before it in the same parent, showing when the last of them is removed.
|
|
28979
|
-
* - `tone`: The band's color.
|
|
28980
28950
|
* - `dismissible`: Whether the element shows a control that dismisses it.
|
|
28981
28951
|
* - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
|
|
28982
28952
|
*
|
|
@@ -30135,8 +30105,8 @@ interface Tags {
|
|
|
30135
30105
|
*
|
|
30136
30106
|
* ## CSS States
|
|
30137
30107
|
*
|
|
30108
|
+
* - `active`: The card that receives focus when you tab into the board.
|
|
30138
30109
|
* - `candidate`: While a connection is being drawn and this card is somewhere it could arrive.
|
|
30139
|
-
* - `current`: The card that receives focus when you tab into the board.
|
|
30140
30110
|
* - `placed`: Placed on the board.
|
|
30141
30111
|
* - `selected`: The card is selected.
|
|
30142
30112
|
* - `target`: A connection being drawn would end here if you released it.
|
|
@@ -36147,6 +36117,7 @@ interface Tags {
|
|
|
36147
36117
|
* ## CSS Parts
|
|
36148
36118
|
*
|
|
36149
36119
|
* - `fallback`: The fallback, shown when the image fails to load.
|
|
36120
|
+
* - `fallback-mark`: The mark drawn where a failed image has no `fallback` slot.
|
|
36150
36121
|
* - `image`: The image itself.
|
|
36151
36122
|
* - `placeholder`: The placeholder, shown until the image loads.
|
|
36152
36123
|
*
|
|
@@ -36942,7 +36913,7 @@ interface Tags {
|
|
|
36942
36913
|
* - `disabled-behavior`/`disabledBehavior`: What `disabled` takes from a row, in a list that selects: `all`, which passes over the row, or `selection`, which keeps the row out of the selection and lets the keys reach it and Enter or a press act on it, as React Aria's GridList takes `disabledBehavior`.
|
|
36943
36914
|
* - `dropped-label`/`droppedLabel`: What screen readers hear when a row is dropped, in a `reorderable` list.
|
|
36944
36915
|
* - `empty-label`/`emptyLabel`: The old name of `empty-text`, read only where a page sets it.
|
|
36945
|
-
* - `empty-text`/`emptyText`: The text of the row shown while the list has no rows, where the `empty` slot is empty.
|
|
36916
|
+
* - `empty-text`/`emptyText`: The text of the row shown while the list has no rows, where the `empty` slot is empty. An empty string shows no row.
|
|
36946
36917
|
* - `kind`: The kind of list, which follows from the content.
|
|
36947
36918
|
* - `label`: The list's name, read by screen readers.
|
|
36948
36919
|
* - `loading`: Marks the list as busy fetching more rows, and draws a row after the last that says so. The list asks for no more while it is set.
|
|
@@ -37735,10 +37706,10 @@ interface Tags {
|
|
|
37735
37706
|
*
|
|
37736
37707
|
* ## CSS States
|
|
37737
37708
|
*
|
|
37709
|
+
* - `active`: Holds the map's tab stop.
|
|
37738
37710
|
* - `behind`: On the far side of a globe, out of sight until the globe turns it into view.
|
|
37739
37711
|
* - `cluster`: Shows several markers as one count.
|
|
37740
37712
|
* - `clustered`: Hidden inside another marker's cluster.
|
|
37741
|
-
* - `current`: Holds the map's tab stop.
|
|
37742
37713
|
* - `fanned`: Spread out from a location it shares with other markers, after their cluster was pressed.
|
|
37743
37714
|
* - `icon`: Has content in the icon slot.
|
|
37744
37715
|
* - `passed`: Marked as passed.
|
|
@@ -38811,7 +38782,6 @@ interface Tags {
|
|
|
38811
38782
|
* ## Attributes & Properties
|
|
38812
38783
|
*
|
|
38813
38784
|
* - `label`: What the segment is, such as "Tools", which names the slice when a pointer rests on it.
|
|
38814
|
-
* - `tone`: What the segment means, as it does on a callout. Takes the tone's color in place of the next color in the series.
|
|
38815
38785
|
* - `value`: How much of the meter's range the segment takes, in the units of the meter's `min` and `max`.
|
|
38816
38786
|
*
|
|
38817
38787
|
* ## Slots
|
|
@@ -39603,7 +39573,7 @@ interface Tags {
|
|
|
39603
39573
|
* - `disabled`: While the option cannot be chosen.
|
|
39604
39574
|
* - `has-indicator`: An icon is slotted into `indicator`.
|
|
39605
39575
|
* - `hovered`: While a mouse or a pen is over the option. A touch sets no hover, as React Aria's `data-hovered` does not.
|
|
39606
|
-
* - `
|
|
39576
|
+
* - `pressing`: While a pointer presses the option, from the press to the release.
|
|
39607
39577
|
* - `selected`: While the option is chosen.
|
|
39608
39578
|
* - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
|
|
39609
39579
|
*/
|
package/types/vue.d.ts
CHANGED
|
@@ -197,27 +197,6 @@ before it in the same parent, showing when the last of them is removed.
|
|
|
197
197
|
|
|
198
198
|
Off by default, so every announcement on a page shows at once. */
|
|
199
199
|
"queued"?: HelixHeadlessAnnouncement["queued"] | undefined;
|
|
200
|
-
/** The band's color.
|
|
201
|
-
|
|
202
|
-
Paint only: unlike `Callout`, no value here draws a mark, changes the label,
|
|
203
|
-
or moves the live region off polite. `neutral` is the resting value, said
|
|
204
|
-
out loud so a consumer can put a band back to it from markup.
|
|
205
|
-
|
|
206
|
-
**The set is `Tag`'s and `Badge`'s, and now actually is.** This doc claimed
|
|
207
|
-
to match `Tag` while differing from it in both directions: it carried
|
|
208
|
-
`surface`, which `Tag` does not, and lacked `accent`, which `Tag` has. Three
|
|
209
|
-
components saying what a thing means, in three vocabularies, one of which
|
|
210
|
-
described itself as a fourth.
|
|
211
|
-
|
|
212
|
-
`accent` is the second emphasis, the second color a theme names, and the
|
|
213
|
-
brand itself until one is named. `primary` is the brand.
|
|
214
|
-
|
|
215
|
-
**`surface` was never a color and has moved to `separation`**, which is the
|
|
216
|
-
axis that owns where a box sits relative to the page. It said the band rode
|
|
217
|
-
the surface step instead of the sunken one, which is an elevation, and a
|
|
218
|
-
band can be `info` and elevated at once: two values true together are two
|
|
219
|
-
axes, which is the test the registry answers to. */
|
|
220
|
-
"tone"?: HelixHeadlessAnnouncement["tone"] | undefined;
|
|
221
200
|
/** Whether the element shows a control that dismisses it. */
|
|
222
201
|
"dismissible"?: HelixHeadlessAnnouncement["dismissible"] | undefined;
|
|
223
202
|
/** The dismiss control's label, read by screen readers.
|
|
@@ -1031,9 +1010,8 @@ it and nothing lands on the host that a consumer's markup did not have. */
|
|
|
1031
1010
|
Unset is a row and stays unset, so a reflected default cannot appear on a
|
|
1032
1011
|
host whose server output never had it.
|
|
1033
1012
|
|
|
1034
|
-
**A property and not an `auto`, which the splitter and
|
|
1035
|
-
|
|
1036
|
-
arrow keys, how many slides a page holds. A group of buttons turning is
|
|
1013
|
+
**A property and not an `auto`, which the splitter earned and this has not.**
|
|
1014
|
+
Turning a splitter changes what it *does*: a drag axis and arrow keys. A group of buttons turning is
|
|
1037
1015
|
paint, so there is no state to resolve and nothing to observe; what it needs
|
|
1038
1016
|
is for a consumer who knows the column is narrow to be able to say so.
|
|
1039
1017
|
|
|
@@ -9314,9 +9292,9 @@ Absent is `all`. */
|
|
|
9314
9292
|
/** The old name of `empty-text`, read only where a page sets it. */
|
|
9315
9293
|
"emptyLabel"?: HelixHeadlessList["emptyLabel"] | undefined;
|
|
9316
9294
|
/** The text of the row shown while the list has no rows, where the `empty`
|
|
9317
|
-
slot is empty.
|
|
9295
|
+
slot is empty. An empty string shows no row. */
|
|
9318
9296
|
"empty-text"?: HelixHeadlessList["emptyText"] | undefined;
|
|
9319
|
-
/** The text of the row shown while the list has no rows, where the `empty` slot is empty.
|
|
9297
|
+
/** The text of the row shown while the list has no rows, where the `empty` slot is empty. An empty string shows no row. */
|
|
9320
9298
|
"emptyText"?: HelixHeadlessList["emptyText"] | undefined;
|
|
9321
9299
|
/** The kind of list, which follows from the content.
|
|
9322
9300
|
|
|
@@ -11292,9 +11270,6 @@ rests on it.
|
|
|
11292
11270
|
|
|
11293
11271
|
Not announced: see the note on a meter's children above. */
|
|
11294
11272
|
"label"?: HelixHeadlessMeterSegment["label"] | undefined;
|
|
11295
|
-
/** What the segment means, as it does on a callout. Takes the tone's color in
|
|
11296
|
-
place of the next color in the series. */
|
|
11297
|
-
"tone"?: HelixHeadlessMeterSegment["tone"] | undefined;
|
|
11298
11273
|
/** How much of the meter's range the segment takes, in the units of the meter's
|
|
11299
11274
|
`min` and `max`.
|
|
11300
11275
|
|
package/types/words.d.ts
CHANGED
|
@@ -2846,6 +2846,13 @@ declare module '@fusion.dev/helix-core' {
|
|
|
2846
2846
|
* English: `Dropped`
|
|
2847
2847
|
*/
|
|
2848
2848
|
droppedLabel: Message
|
|
2849
|
+
/**
|
|
2850
|
+
* The text of the row shown while the list has no rows, where the `empty`
|
|
2851
|
+
* slot is empty. An empty string shows no row.
|
|
2852
|
+
*
|
|
2853
|
+
* English: `No items`
|
|
2854
|
+
*/
|
|
2855
|
+
emptyText: Message
|
|
2849
2856
|
/**
|
|
2850
2857
|
* The text of the row drawn while `loading` is set, where the `loading` slot is empty.
|
|
2851
2858
|
*
|