@tensor_1/tokens 2.40.2 → 2.41.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.41.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": [
|
|
@@ -53,18 +53,29 @@
|
|
|
53
53
|
.uix-table__pin svg { width: 15px; height: 15px; }
|
|
54
54
|
.uix-table__pin[data-on] svg { fill: currentColor; }
|
|
55
55
|
|
|
56
|
-
/* frozen first column (opt-in via .uix-table--pinned-col)
|
|
56
|
+
/* frozen first column (opt-in via .uix-table--pinned-col) and frozen trailing actions column
|
|
57
|
+
(opt-in via .uix-table--pinned-actions: the row's quick action — peek, kebab — stays on
|
|
58
|
+
screen while the wrap scrolls sideways). The header cell keeps its sticky top, so it sticks
|
|
59
|
+
on both axes and sits above the pinned body cells that scroll under it. */
|
|
57
60
|
.uix-table--pinned-col th:first-child, .uix-table--pinned-col td:first-child { position: sticky; left: 0; z-index: var(--uix-z-raised); box-shadow: 1px 0 0 var(--uix-border); }
|
|
58
|
-
.uix-table--pinned-
|
|
59
|
-
.uix-table--pinned-col
|
|
60
|
-
|
|
61
|
+
.uix-table--pinned-actions th:last-child, .uix-table--pinned-actions td:last-child { position: sticky; right: 0; z-index: var(--uix-z-raised); box-shadow: -1px 0 0 var(--uix-border); }
|
|
62
|
+
.uix-table--pinned-col thead th:first-child, .uix-table--pinned-actions thead th:last-child { z-index: var(--uix-z-sticky); background: var(--uix-surface); }
|
|
63
|
+
/* A pinned cell paints its row's state itself and must be opaque, or the cells scrolling
|
|
64
|
+
under it show through. The dark pinned/selected tints are translucent, so they are layered
|
|
65
|
+
over the surface the row sits on rather than painted bare. */
|
|
66
|
+
.uix-table--pinned-col tbody tr td:first-child, .uix-table--pinned-actions tbody tr td:last-child { background: var(--uix-row); transition: background-color var(--uix-dur-fast) var(--uix-ease-out); }
|
|
67
|
+
.uix-table--pinned-col tbody tr:nth-child(even) td:first-child, .uix-table--pinned-actions tbody tr:nth-child(even) td:last-child { background: var(--uix-row-alt); }
|
|
68
|
+
/* same specificity as the even-row rule above and the state rules below, so the order decides:
|
|
69
|
+
an :nth-child(even) here outranked hover, pinned and selected on every even row */
|
|
61
70
|
.uix-table--pinned-col.uix-table--no-zebra tbody tr td:first-child,
|
|
62
|
-
.uix-table--pinned-
|
|
63
|
-
.uix-table--pinned-col tbody tr[data-pinned] td:first-child { background: var(--uix-row-pinned-bg); }
|
|
64
|
-
.uix-table--pinned-col tbody tr[data-selected] td:first-child { background: var(--uix-row-selected-bg); }
|
|
65
|
-
.uix-table--pinned-col tbody tr:hover td:first-child { background: var(--uix-bg-hover); }
|
|
71
|
+
.uix-table--pinned-actions.uix-table--no-zebra tbody tr td:last-child { background: var(--uix-row); }
|
|
72
|
+
.uix-table--pinned-col tbody tr[data-pinned] td:first-child, .uix-table--pinned-actions tbody tr[data-pinned] td:last-child { background: linear-gradient(var(--uix-row-pinned-bg), var(--uix-row-pinned-bg)) var(--uix-surface); }
|
|
73
|
+
.uix-table--pinned-col tbody tr[data-selected] td:first-child, .uix-table--pinned-actions tbody tr[data-selected] td:last-child { background: linear-gradient(var(--uix-row-selected-bg), var(--uix-row-selected-bg)) var(--uix-surface); }
|
|
74
|
+
.uix-table--pinned-col tbody tr:hover td:first-child, .uix-table--pinned-actions tbody tr:hover td:last-child { background: var(--uix-bg-hover); }
|
|
75
|
+
/* an expanded row's full-width detail cell is both first and last child: keep its own tint */
|
|
76
|
+
.uix-table--pinned-col tbody tr.uix-table__detail > td, .uix-table--pinned-actions tbody tr.uix-table__detail > td { background: var(--uix-bg-subtle); }
|
|
66
77
|
@media (prefers-reduced-motion: reduce) {
|
|
67
|
-
.uix-table tbody tr, .uix-table--pinned-col tbody tr td:first-child { transition: none; }
|
|
78
|
+
.uix-table tbody tr, .uix-table--pinned-col tbody tr td:first-child, .uix-table--pinned-actions tbody tr td:last-child { transition: none; }
|
|
68
79
|
}
|
|
69
80
|
|
|
70
81
|
/* ── column sizing + cell behaviour (a shared vocabulary, not per-app px) ──────── */
|