@pie-players/pie-tool-periodic-table 0.3.65 → 0.3.66
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 +17 -1
- package/dist/tool-periodic-table.js +907 -776
- package/package.json +5 -4
package/README.md
CHANGED
|
@@ -19,10 +19,26 @@ Tag: `pie-tool-periodic-table`
|
|
|
19
19
|
|
|
20
20
|
- Full 118-element periodic table laid out on an 18x10 CSS grid
|
|
21
21
|
- Element detail panel showing symbol, name, atomic mass, atomic number, electron configuration, and phase
|
|
22
|
-
- Category filter badges (Alkali Metal, Transition Metal, Noble Gas, etc.)
|
|
22
|
+
- Category filter badges (Alkali Metal, Transition Metal, Noble Gas, etc.), which
|
|
23
|
+
de-emphasise the elements outside the filter rather than removing them, so the
|
|
24
|
+
table keeps its layout
|
|
23
25
|
- Category-based color coding
|
|
24
26
|
- Keyboard accessible: focusable cells with Enter/Space to select
|
|
25
27
|
|
|
28
|
+
## Category colours
|
|
29
|
+
|
|
30
|
+
Category fills are a fixed palette, not theme tokens: they encode the data, so
|
|
31
|
+
their ink is pinned to match rather than inherited from `--pie-text`, which is
|
|
32
|
+
near-white under a dark theme.
|
|
33
|
+
|
|
34
|
+
Under a colour scheme they collapse. `--pie-fixed-hue-collapse` is `100%` there,
|
|
35
|
+
which folds every fill into `--pie-background-dark` and the ink back into
|
|
36
|
+
`--pie-text`, and takes the cell edge to `--pie-border` so a cell still reads as
|
|
37
|
+
a cell. Category then lives in the badge row that filters by it, the
|
|
38
|
+
selected-element panel that names it, and each cell's accessible name. A host
|
|
39
|
+
that wants the encoding kept under its own registered scheme sets
|
|
40
|
+
`--pie-fixed-hue-collapse: 0%` in that scheme.
|
|
41
|
+
|
|
26
42
|
## Integration
|
|
27
43
|
|
|
28
44
|
Registered through the `ToolRegistry` as `periodicTable`. Managed by `ToolkitCoordinator` via `tools.placement`.
|