monowind 0.2.5 → 0.2.7
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/README.md +12 -0
- package/dist/cdn.js +99 -41
- package/dist/cdn.js.map +1 -1
- package/dist/element.d.ts.map +1 -1
- package/dist/focus.d.ts +39 -0
- package/dist/focus.d.ts.map +1 -0
- package/dist/index.js +1520 -1256
- package/dist/index.js.map +1 -1
- package/dist/layout.d.ts.map +1 -1
- package/dist/paint.d.ts +1 -0
- package/dist/paint.d.ts.map +1 -1
- package/dist/plain-text.d.ts +14 -4
- package/dist/plain-text.d.ts.map +1 -1
- package/dist/pointer.d.ts +6 -1
- package/dist/pointer.d.ts.map +1 -1
- package/dist/selection.d.ts +11 -0
- package/dist/selection.d.ts.map +1 -1
- package/dist/style.d.ts +9 -1
- package/dist/style.d.ts.map +1 -1
- package/dist/tree.d.ts +7 -0
- package/dist/tree.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/styles.css +57 -8
package/README.md
CHANGED
|
@@ -21,6 +21,9 @@ accessibility semantics stay fully intact.
|
|
|
21
21
|
</mono-wind>
|
|
22
22
|
```
|
|
23
23
|
|
|
24
|
+
The host is a container like any element: `<mono-wind>hello</mono-wind>`
|
|
25
|
+
lays its own text out too.
|
|
26
|
+
|
|
24
27
|
## With your own Tailwind (v4) build
|
|
25
28
|
|
|
26
29
|
```sh
|
|
@@ -49,6 +52,15 @@ a copy of light-DOM text is plain text laid out by the standard
|
|
|
49
52
|
`innerText` rules (paragraphs separated by a blank line, table cells
|
|
50
53
|
by tabs).
|
|
51
54
|
|
|
55
|
+
## Keyboard focus
|
|
56
|
+
|
|
57
|
+
Tab moves focus as on any page. `focus="arrows"` on `<mono-wind>` adds
|
|
58
|
+
the arrow keys: from the focused element, an arrow moves focus to the
|
|
59
|
+
nearest focusable element in that direction on the grid, the way a
|
|
60
|
+
terminal form does. Controls keep the arrows they use — Left and Right
|
|
61
|
+
in a text field, all four in a textarea, a radio group's own — a
|
|
62
|
+
modifier makes any arrow native, and nothing wraps.
|
|
63
|
+
|
|
52
64
|
## Scrolling
|
|
53
65
|
|
|
54
66
|
`overflow-y-auto` (or `-scroll`, either axis) makes the element a
|