@graphlearning/graphl-flow 0.1.0 → 0.2.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.
Files changed (6) hide show
  1. package/README.md +4 -0
  2. package/dist/Scene.d.ts +6 -1
  3. package/dist/index.js +493 -489
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +10 -0
  6. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -177,3 +177,13 @@
177
177
  }
178
178
  /* A plot never scales: in a narrow column use `compact`, the second fixed size. Too wide is overflow,
179
179
  which check fails — scaling down silently shrank the text past reading in a 560px side pane. */
180
+
181
+ /* Focus: a ring and a glow in the node's own accent, by box-shadow — NO layout effect, so moving the
182
+ focus between sections never moves the scene. An unframed item gains a frame while focused. */
183
+ [data-focus] {
184
+ box-shadow: 0 0 0 2px var(--gf-accent), 0 0 24px 2px color-mix(in srgb, var(--gf-accent) 45%, transparent);
185
+ border-radius: 8px;
186
+ }
187
+ .gf-item[data-focus] { background: color-mix(in srgb, var(--gf-accent) 12%, var(--gf-surface)); }
188
+ tr[data-focus] td, .gf-line[data-focus], .gf-tree-row[data-focus] { background: color-mix(in srgb, var(--gf-accent) 18%, transparent); }
189
+ tr[data-focus], .gf-line[data-focus], .gf-tree-row[data-focus] { box-shadow: inset 3px 0 0 var(--gf-accent); border-radius: 0; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graphlearning/graphl-flow",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Declarative diagram engine — authors describe groups, items and edges; the browser lays them out and the engine draws the edges.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {