@tensor_1/tokens 2.22.0 → 2.23.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.23.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": [
|
|
@@ -11,8 +11,29 @@
|
|
|
11
11
|
.uix-view-menu .uix-segmented__option { flex: 1; text-align: center; }
|
|
12
12
|
.uix-view-menu__cols { display: flex; flex-direction: column; gap: var(--uix-space-1); max-height: 180px; overflow: auto; }
|
|
13
13
|
.uix-view-menu__cols .uix-menu__item { font-size: var(--uix-text-meta); }
|
|
14
|
-
|
|
14
|
+
/* Saved views: optional titled sections in one scrolling menu; a row is grip · name · overflow.
|
|
15
|
+
Hover and selection paint the WHOLE row; the selected row is an accent tint, never a check glyph. */
|
|
16
|
+
.uix-saved-views { max-width: 400px; max-height: min(60vh, 440px); overflow-y: auto; overscroll-behavior: contain; }
|
|
17
|
+
.uix-saved-views__section + .uix-saved-views__section { margin-top: var(--uix-space-1); }
|
|
18
|
+
.uix-saved-views__section-label { position: sticky; top: calc(-1 * var(--uix-space-1)); z-index: var(--uix-z-raised); background: var(--uix-surface-2); }
|
|
19
|
+
.uix-saved-views__group { margin: 0; padding: 0; list-style: none; }
|
|
20
|
+
.uix-saved-views__row { display: flex; align-items: center; border-radius: var(--uix-radius-sm); }
|
|
21
|
+
.uix-saved-views__row:hover { background: var(--uix-bg-hover); }
|
|
22
|
+
.uix-saved-views__row[data-active] { background: var(--uix-brand-muted); }
|
|
23
|
+
.uix-saved-views__row[data-dragging] { opacity: .55; }
|
|
24
|
+
.uix-saved-views[data-dragging] { cursor: grabbing; user-select: none; }
|
|
15
25
|
.uix-saved-views__row > .uix-menu__item { min-width: 0; flex: 1; }
|
|
26
|
+
.uix-saved-views__row > .uix-menu__item:is(:hover, [data-active]) { background: transparent; }
|
|
27
|
+
.uix-saved-views__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
28
|
+
.uix-saved-views__grip { display: grid; place-items: center; flex: none; width: 20px; height: 28px; padding: 0; border: 0; border-radius: var(--uix-radius-sm); background: transparent; color: var(--uix-text-muted); cursor: grab; touch-action: none; }
|
|
29
|
+
.uix-saved-views__grip svg { width: var(--uix-icon-sm); height: var(--uix-icon-sm); }
|
|
30
|
+
.uix-saved-views__actions { display: flex; flex: none; align-items: center; }
|
|
31
|
+
/* Quiet affordances: grip and overflow are dimmed on purpose until the row is hovered or holds focus,
|
|
32
|
+
the grip is in use, or the overflow menu is open. Idle is 75% (not lower): the muted grip on the
|
|
33
|
+
panel surface needs it to keep WCAG 1.4.11 3:1 non-text contrast at rest (3.19:1 light, 4.45:1 dark). */
|
|
34
|
+
:is(.uix-saved-views__grip, .uix-saved-views__actions) { opacity: .75; transition: opacity var(--uix-dur-fast) var(--uix-ease-out); }
|
|
35
|
+
.uix-saved-views__row:is(:hover, :focus-within, [data-dragging]) :is(.uix-saved-views__grip, .uix-saved-views__actions),
|
|
36
|
+
.uix-saved-views__actions:has([aria-expanded="true"]) { opacity: 1; }
|
|
16
37
|
.uix-saved-views__pin { display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: var(--uix-radius-sm); background: transparent; color: var(--uix-text-muted); cursor: pointer; }
|
|
17
38
|
.uix-saved-views__pin:is(:hover, :focus-visible), .uix-saved-views__pin[data-on] { color: var(--uix-warning-text); background: var(--uix-bg-hover); }
|
|
18
39
|
.uix-saved-views__footer { border-top: 1px solid var(--uix-border); margin-top: var(--uix-space-1); padding: var(--uix-space-2); }
|