@tensor_1/tokens 2.44.1 → 2.45.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tensor_1/tokens",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.45.0",
|
|
4
4
|
"description": "UIx v2 design tokens — the --uix-* contract for house products (Tensor, POSx, SHOPx). One DTCG source -> CSS variables, Tailwind theme, and typed TS constants.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -54,5 +54,21 @@
|
|
|
54
54
|
.uix-relationship-graph__collapse { position:absolute; height:22px; padding:0 var(--uix-space-2); border:1px dashed var(--uix-border-strong); border-radius:var(--uix-radius-pill); background:var(--uix-surface); color:var(--uix-text-muted); font-size:var(--uix-text-meta); cursor:pointer; }
|
|
55
55
|
.uix-relationship-graph__collapse:focus-visible { outline:2px solid var(--uix-ring); outline-offset:2px; }
|
|
56
56
|
.uix-relationship-graph--compact .uix-relationship-graph__item { padding:var(--uix-space-1) var(--uix-space-2); }
|
|
57
|
+
/* Map controls (controls="compact", TENSOR HAR-2501): an icon cluster in the map's corner,
|
|
58
|
+
the map itself focusable, and a full-screen state that covers the page. */
|
|
59
|
+
.uix-relationship-graph--map .uix-relationship-graph__viewport:focus-visible { outline:2px solid var(--uix-ring); outline-offset:2px; }
|
|
60
|
+
.uix-relationship-graph__controls { position:absolute; right:var(--uix-space-3); bottom:var(--uix-space-3); z-index:var(--uix-z-raised, 1); display:flex; align-items:center; gap:var(--uix-space-2); }
|
|
61
|
+
.uix-relationship-graph__control-cluster { display:flex; padding:var(--uix-space-1); border:1px solid var(--uix-border-strong); border-radius:var(--uix-radius-md); background:var(--uix-surface); box-shadow:var(--uix-shadow-sm); }
|
|
62
|
+
.uix-relationship-graph__control { display:inline-grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:var(--uix-radius-sm); background:transparent; color:var(--uix-text-muted); cursor:pointer; }
|
|
63
|
+
.uix-relationship-graph__control:hover:not(:disabled) { background:var(--uix-bg-hover); color:var(--uix-text); }
|
|
64
|
+
.uix-relationship-graph__control:focus-visible { outline:2px solid var(--uix-ring); outline-offset:1px; }
|
|
65
|
+
.uix-relationship-graph__control:disabled { opacity:.45; cursor:not-allowed; }
|
|
66
|
+
.uix-relationship-graph__control svg { width:16px; height:16px; }
|
|
67
|
+
.uix-relationship-graph__zoom-level { padding:0 var(--uix-space-1); border-radius:var(--uix-radius-sm); background:color-mix(in srgb, var(--uix-bg-subtle) 85%, transparent); color:var(--uix-text-muted); font-size:var(--uix-text-meta); font-variant-numeric:tabular-nums; white-space:nowrap; }
|
|
68
|
+
.uix-relationship-graph__hint { position:absolute; left:var(--uix-space-3); bottom:var(--uix-space-3); z-index:var(--uix-z-raised, 1); max-width:calc(100% - 15rem); margin:0; overflow:hidden; color:var(--uix-text-muted); font-size:var(--uix-text-meta); white-space:nowrap; text-overflow:ellipsis; pointer-events:none; }
|
|
69
|
+
.uix-relationship-graph__toast { position:absolute; top:var(--uix-space-3); left:50%; z-index:var(--uix-z-toast, 3); max-width:calc(100% - 2 * var(--uix-space-3)); margin:0; padding:var(--uix-space-1) var(--uix-space-3); border-radius:var(--uix-radius-sm); background:var(--uix-text); color:var(--uix-surface); font-size:var(--uix-text-meta); transform:translateX(-50%); pointer-events:none; }
|
|
70
|
+
.uix-relationship-graph--fullscreen { position:fixed; inset:0; z-index:var(--uix-z-overlay, 1000); display:flex; flex-direction:column; padding:var(--uix-space-4); background:var(--uix-bg-app, var(--uix-surface)); }
|
|
71
|
+
.uix-relationship-graph--fullscreen .uix-relationship-graph__viewport { flex:1; min-height:0; height:auto; }
|
|
72
|
+
@media (max-width:640px) { .uix-relationship-graph__hint { display:none; } }
|
|
57
73
|
@media (forced-colors: active) { .uix-relationship-graph__link path { stroke:CanvasText; } .uix-relationship-graph__link polygon { fill:CanvasText; } .uix-relationship-graph__item { border-color:ButtonText; } }
|
|
58
74
|
}
|