@tensor_1/tokens 2.39.0 → 2.40.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 (6) 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/comments.css +2 -0
  5. package/styles/components/insight-card.css +2 -1
  6. package/styles/components/rich-text.css +9 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tensor_1/tokens",
3
- "version": "2.39.0",
3
+ "version": "2.40.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/comments.css CHANGED
@@ -2,6 +2,8 @@
2
2
  @layer uix.components {
3
3
  .uix-comments { display: flex; flex-direction: column; gap: var(--uix-space-4); }
4
4
  .uix-comment { display: grid; grid-template-columns: 32px 1fr; gap: var(--uix-space-3); }
5
+ /* avatar={false}: the comment sits on a rail that already marks the row (a timeline). */
6
+ .uix-comment--bare { grid-template-columns: minmax(0, 1fr); }
5
7
  .uix-comment__body { background: var(--uix-bg-subtle); border: 1px solid var(--uix-border); border-radius: var(--uix-radius-md); padding: var(--uix-space-3) var(--uix-space-3); }
6
8
  .uix-comment__meta { font-size: var(--uix-text-meta); color: var(--uix-text-muted); margin-bottom: var(--uix-space-1); }
7
9
  .uix-comment__author { font-weight: 600; color: var(--uix-text); }
package/styles/components/insight-card.css CHANGED
@@ -45,7 +45,8 @@
45
45
 
46
46
  .uix-insight__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--uix-space-4); min-width: 0; }
47
47
  .uix-insight__main, .uix-insight__aside { min-width: 0; }
48
- .uix-insight__body > * > .uix-chart { padding: 0; border: 0; box-shadow: none; background: transparent; }
48
+ /* Frameless at zero padding: clip with a margin, so a glyph's ink survives but a resizing chart cannot scroll the page. */
49
+ .uix-insight__body > * > .uix-chart { padding: 0; border: 0; box-shadow: none; background: transparent; overflow: clip; overflow-clip-margin: var(--uix-space-1); }
49
50
  @container uix-insight (min-width: 60rem) {
50
51
  .uix-insight[data-layout="split"] .uix-insight__body:has(> .uix-insight__aside) { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
51
52
  }
package/styles/components/rich-text.css CHANGED
@@ -155,6 +155,15 @@
155
155
  .uix-rich-text__suggest-emoji { font-size: var(--uix-text-h3); line-height: 1; }
156
156
  .uix-rich-text__suggest-name { font-family: var(--uix-font-mono); font-size: var(--uix-text-meta); }
157
157
 
158
+ /* @ people list: name over an optional detail line; a status note when there is no choice. */
159
+ .uix-rich-text__suggest-item--person { flex-direction: column; align-items: flex-start; gap: 0; }
160
+ .uix-rich-text__suggest-label { overflow-wrap: anywhere; }
161
+ .uix-rich-text__suggest-detail { font-size: var(--uix-text-meta); color: var(--uix-text-muted); overflow-wrap: anywhere; }
162
+ .uix-rich-text__suggest-item[aria-selected="true"] .uix-rich-text__suggest-detail { color: inherit; }
163
+ .uix-rich-text__suggest-note { padding: var(--uix-space-1) var(--uix-space-2); font-size: var(--uix-text-meta); color: var(--uix-text-muted); }
164
+ /* A mention is one token: never typed into (it may wrap, so a long name fits 320 px). */
165
+ .uix-rich-text__content .uix-mention { cursor: default; overflow-wrap: anywhere; }
166
+
158
167
  @media (prefers-reduced-motion: reduce) {
159
168
  .uix-rich-text, .uix-rich-text__tool { transition: none; }
160
169
  }