@tensor_1/tokens 2.57.0 → 2.57.1
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.57.
|
|
3
|
+
"version": "2.57.1",
|
|
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": [
|
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
/* ── FileRow ── */
|
|
41
41
|
.uix-file-rows { display: grid; gap: var(--uix-space-2); margin: 0; padding: 0; list-style: none; min-width: 0; }
|
|
42
42
|
.uix-file-row {
|
|
43
|
+
container: uix-file-row / inline-size;
|
|
43
44
|
position: relative; overflow: hidden; display: flex; align-items: center; gap: var(--uix-space-3); min-width: 0;
|
|
44
45
|
padding: var(--uix-space-2) var(--uix-space-2) var(--uix-space-2) var(--uix-space-3);
|
|
45
46
|
border: 1px solid var(--file-kind-edge); border-radius: var(--uix-radius-md);
|
|
@@ -102,6 +103,28 @@
|
|
|
102
103
|
.uix-file-row__actions > [aria-expanded="true"] { opacity: 1; }
|
|
103
104
|
}
|
|
104
105
|
|
|
106
|
+
/* A narrow rail (a row under 280 px, such as TENSOR's 226 px incident side rail, 2.57.1): the name
|
|
107
|
+
wraps to two lines and the meta line wraps, so a name is read instead of being cut to ten
|
|
108
|
+
letters. The row is its own size container, so this follows the row's width, not the screen's. */
|
|
109
|
+
@container uix-file-row (max-width: 280px) {
|
|
110
|
+
.uix-file-row__name { white-space: normal; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
|
|
111
|
+
.uix-file-row__meta { white-space: normal; overflow-wrap: anywhere; }
|
|
112
|
+
}
|
|
113
|
+
/* With a fine pointer the resting actions are hidden until hover or focus, so in a narrow rail
|
|
114
|
+
they float over the row's end instead of keeping that width empty for the name. */
|
|
115
|
+
@media (hover: hover) and (pointer: fine) {
|
|
116
|
+
@container uix-file-row (max-width: 280px) {
|
|
117
|
+
.uix-file-row:is([data-state="idle"], [data-state="done"]) .uix-file-row__actions {
|
|
118
|
+
position: absolute; inset-block-start: var(--uix-space-1); inset-inline-end: var(--uix-space-1);
|
|
119
|
+
border-radius: var(--uix-radius-sm);
|
|
120
|
+
}
|
|
121
|
+
.uix-file-row:is([data-state="idle"], [data-state="done"]):is(:hover, :focus-within) .uix-file-row__actions,
|
|
122
|
+
.uix-file-row:is([data-state="idle"], [data-state="done"]) .uix-file-row__actions:has([aria-expanded="true"]) {
|
|
123
|
+
background: var(--uix-surface); box-shadow: var(--uix-shadow-sm);
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
105
128
|
/* ── FileDrop (slim) ── */
|
|
106
129
|
.uix-file-drop {
|
|
107
130
|
position: relative; display: flex; align-items: center; gap: var(--uix-space-2); min-width: 0;
|