@harmonics/lattice-ui 0.8.0 → 0.9.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/CHANGELOG.md +16 -0
- package/README.md +8 -7
- package/dist/board.js +291 -277
- package/dist/define.js +1 -1
- package/dist/elements-LJqjxdbt.js +1129 -0
- package/dist/index.js +2 -2
- package/dist/{woods-C8W11GkD.js → woods-S4dnVPib.js} +452 -149
- package/package.json +1 -1
- package/dist/elements-Bk_vtqsk.js +0 -1423
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
`@harmonics/lattice-ui` follows semantic versioning; while it is `0.x`, a minor version may change
|
|
4
4
|
an element's inputs, events or tokens, and says so here.
|
|
5
5
|
|
|
6
|
+
## 0.9.0
|
|
7
|
+
|
|
8
|
+
- `<lattice-icon>` under 24 pixels draws `shears`, `bin` and `name` with less detail (no `bin-rib`
|
|
9
|
+
or `name-band` part there) and every mark in heavier lines, so a mark beside text reads.
|
|
10
|
+
- `apart` opens a wide gap between its cells, so it is not taken for `glue`.
|
|
11
|
+
- `<lattice-shape pressed>` draws its top deeper in its wood; untasted fruit (tone 7) has a deeper
|
|
12
|
+
olive edge, which stands off the dark sky.
|
|
13
|
+
- `<lattice-board tray>`: the tray's cells are raised plates with their units in wood, stand a step
|
|
14
|
+
higher under the pointer, and show the bin while a carried piece is over them.
|
|
15
|
+
- Looks only: no input, event or token changes.
|
|
16
|
+
|
|
17
|
+
## 0.8.1
|
|
18
|
+
|
|
19
|
+
- Published by the repository's own workflow on merge (npm trusted publishing), the first
|
|
20
|
+
release so made. No change to the package.
|
|
21
|
+
|
|
6
22
|
## 0.8.0
|
|
7
23
|
|
|
8
24
|
- `<lattice-icon>` draws three more marks: `name` (a pencil), `split` (the Sierpinski step) and
|
package/README.md
CHANGED
|
@@ -93,8 +93,8 @@ a button that is a shape. It is in the tab order with `role="button"` and its `l
|
|
|
93
93
|
fires `press`, `{ shape, parts }`. Only its faces take the pointer: a press in the gap round a
|
|
94
94
|
hexagon's corner goes to whatever is under it. It stands a little higher under the pointer and
|
|
95
95
|
sinks to half its lift while pressed, or while `pressed`; the keyboard's ring runs round its own
|
|
96
|
-
outline, and a `pressed` one keeps a quiet ring
|
|
97
|
-
its depth. The shape never presses itself: keep one `pressed` in a palette from `press`.
|
|
96
|
+
outline, and a `pressed` one keeps a quiet ring and draws its top deeper in its wood, so a palette
|
|
97
|
+
shows which is picked by more than its depth. The shape never presses itself: keep one `pressed` in a palette from `press`.
|
|
98
98
|
|
|
99
99
|
```js
|
|
100
100
|
for (const swatch of swatches)
|
|
@@ -141,7 +141,8 @@ see [Cutting](#cutting).
|
|
|
141
141
|
One of the tree's marks (`ICON_NAMES`), in the text's colour, a step square
|
|
142
142
|
(`--lattice-icon-size` to change it). Hidden from screen readers unless it has a `label`. Every
|
|
143
143
|
mark is drawn from the lattice's pieces: hexagons, triangles and diamonds, every line upright or
|
|
144
|
-
at 30°.
|
|
144
|
+
at 30°. Under 24 pixels (the default step is 16) `shears`, `bin` and `name` draw a small drawing
|
|
145
|
+
with less detail, and every mark draws in heavier lines; the element picks by its own size.
|
|
145
146
|
|
|
146
147
|
| `name` | | Parts |
|
|
147
148
|
|---|---|---|
|
|
@@ -150,9 +151,9 @@ at 30°.
|
|
|
150
151
|
| `note` | a hexagon with two lines of writing | `note-cell`, `note-line` |
|
|
151
152
|
| `turn` | a hexagon open at one side, a triangle pointing on round (R) | `turn-path`, `turn-arrow` |
|
|
152
153
|
| `glue` | two cells sharing a heavy side (G) | `glue-cell`, `glue-seam` |
|
|
153
|
-
| `apart` | two cells
|
|
154
|
-
| `bin` | a cup under a diamond lid (Delete) | `bin-can`, `bin-rib
|
|
155
|
-
| `name` | a pencil rising at 30°, a triangle for its point | `name-body`, `name-point`, `name-band` |
|
|
154
|
+
| `apart` | two cells a wide gap apart (Shift+G) | `apart-cell` |
|
|
155
|
+
| `bin` | a cup under a diamond lid (Delete) | `bin-can`, `bin-rib` (not under 24 pixels), `bin-lid` |
|
|
156
|
+
| `name` | a pencil rising at 30°, a triangle for its point | `name-body`, `name-point`, `name-band` (not under 24 pixels) |
|
|
156
157
|
| `split` | a triangle with its middle turned over, the Sierpinski step | `split-whole`, `split-hole` |
|
|
157
158
|
| `search` | a hexagon lens, a strip for its handle | `search-lens`, `search-handle` |
|
|
158
159
|
|
|
@@ -191,7 +192,7 @@ follows the pointer exactly and nothing animates.
|
|
|
191
192
|
|---|---|---|---|
|
|
192
193
|
| `pieces` | `{ id?, parts }[]`, or the same as JSON | | What the board starts from; read back, its own pieces now (each `{ id, parts, pivot }`). Set it again to replace them |
|
|
193
194
|
| `fixed` | `{ id?, parts }[]` (property) | | Drawn flat and in the way, never handled, glued to or handed back |
|
|
194
|
-
| `tray` | boolean | `false` | Two cells at the bottom left: drag out a new cell or triangle (or Enter on one), drop a piece there to throw it away |
|
|
195
|
+
| `tray` | boolean | `false` | Two cells at the bottom left: drag out a new cell or triangle (or Enter on one), drop a piece there to throw it away: the tray turns the alert colour and shows the bin while one is over it |
|
|
195
196
|
| `scale` | number | `1` | 1 is the tree's own size: a cell 76 pixels across |
|
|
196
197
|
| `label` | string | "A board of lattice pieces" | What a screen reader calls it |
|
|
197
198
|
|