@tensor_1/tokens 2.37.0 → 2.38.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 (5) hide show
  1. package/build/css/components.css +1 -1
  2. package/build/css/styles.css +1 -1
  3. package/package.json +1 -1
  4. package/styles/components/search-suggest.css +1 -1
  5. package/styles/components/stat-tile.css +6 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tensor_1/tokens",
3
- "version": "2.37.0",
3
+ "version": "2.38.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": [
package/styles/components/search-suggest.css CHANGED
@@ -62,7 +62,7 @@
62
62
  .uix-search-suggest__icon svg { width: var(--uix-icon-md); height: var(--uix-icon-md); }
63
63
  .uix-search-suggest__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
64
64
  .uix-search-suggest__title {
65
- font-size: var(--uix-text-body); font-weight: 500; line-height: 1.35;
65
+ font-size: var(--uix-text-body); font-weight: 400; line-height: 1.35;
66
66
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
67
67
  }
68
68
 
package/styles/components/stat-tile.css CHANGED
@@ -23,12 +23,13 @@
23
23
  .uix-stat--compact .uix-stat__value { font-size: var(--uix-text-h3); line-height: var(--uix-leading-h3); margin-top: var(--uix-space-1); }
24
24
  .uix-stat--compact .uix-stat__meta { margin-top: var(--uix-space-1); }
25
25
 
26
- /* interactive — the whole tile is a <button> that opens an editor */
26
+ /* interactive — the whole tile is a <button> that opens an editor. A flex column, not a
27
+ block: a <button> stretched by its row centres block content (HAR-1753). */
27
28
  .uix-stat--interactive {
28
- display: block; width: 100%; font: inherit; color: inherit; text-align: start; cursor: pointer;
29
+ display: flex; flex-direction: column; width: 100%; font: inherit; color: inherit; text-align: start; cursor: pointer;
29
30
  transition: background-color var(--uix-dur-fast) var(--uix-ease-out), border-color var(--uix-dur-fast) var(--uix-ease-out);
30
31
  }
31
- .uix-stat--interactive:hover { background: var(--uix-bg-hover); border-color: var(--uix-border-strong); }
32
+ .uix-stat--interactive:hover:where(:not([aria-busy="true"])) { background: var(--uix-bg-hover); border-color: var(--uix-border-strong); }
32
33
  .uix-stat--interactive.uix-stat--warning:hover { border-color: var(--uix-warning-border); }
33
34
  .uix-stat--interactive.uix-stat--danger:hover { border-color: var(--uix-danger-border); }
34
35
  .uix-stat--interactive:focus-visible { outline: 2px solid var(--uix-ring); outline-offset: 2px; }
@@ -36,6 +37,8 @@
36
37
  .uix-stat__chevron { display: inline-flex; flex: none; margin-inline-start: auto; color: var(--uix-text-muted); }
37
38
  .uix-stat__label .uix-stat__chevron svg { width: var(--uix-icon-sm); height: var(--uix-icon-sm); transition: transform var(--uix-dur-fast) var(--uix-ease-out); }
38
39
  .uix-stat--interactive[aria-expanded="true"] .uix-stat__chevron svg { transform: rotate(180deg); }
40
+ /* pending — aria-busy with aria-disabled, never :disabled, so the button keeps focus */
41
+ .uix-stat--interactive[aria-busy="true"] { cursor: progress; opacity: .6; }
39
42
  /* link — the whole tile is an <a> to a filtered list or a record (HAR-1350) */
40
43
  .uix-stat--link { text-decoration: none; }
41
44
  /* current: the ring outline only; a brand tint would drop the muted label below AA */