@tensor_1/tokens 2.13.0 → 2.14.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 (3) hide show
  1. package/README.md +7 -2
  2. package/package.json +1 -1
  3. package/themes/mission-control.css +2 -2
package/README.md CHANGED
@@ -88,11 +88,16 @@ Likewise, don't fork the data grid: a product-local `data-table.tsx` (bespoke so
88
88
 
89
89
  ## Documentation site
90
90
 
91
- A **build-free** component explorer lives in [`docs/`](./docs/) — a no-bundler HTML shell (`docs/explorer.html`) with a left component nav and a per-component page whose regions (`overview`, `live-example`, `props-table`, `do-dont`, `a11y-notes`) are keyed by `data-region` and filled in incrementally. It reuses the styleguide's theming verbatim (the no-flash `data-theme` script + `[data-uix-theme-toggle]`) and links the same `--uix-*` contract via `../styles/main.css`, so light/dark behaves identically to `index.html`. `docs/docs.js` exposes pure, unit-tested helpers (`slugify`, `componentNav`, `renderPropsTable`) behind a `typeof document` DOM guard; run `node --test docs/docs.test.js`.
91
+ A **build-free documentation site** lives in [`docs/`](./docs/). It provides an actionable quick start, grouped
92
+ navigation, keyboard search, token and theming guidance, a complete component catalogue, detailed core-component
93
+ references, live UIx examples, React integration, accessibility guidance, and enterprise workflow patterns. The
94
+ site consumes `build/css/styles.css` directly, so its examples exercise the shipped contract rather than a parallel
95
+ documentation theme. `docs/docs.js` keeps the content registry, hash routing, and pure unit-tested search/render
96
+ helpers in one dependency-free module.
92
97
 
93
98
  Serve it from the repo root (the styleguide's static root) so relative asset paths resolve:
94
99
 
95
100
  ```sh
96
101
  npm run docs:serve
97
- # → http://localhost:4178/packages/tokens/docs/explorer.html
102
+ # → http://localhost:4178/packages/tokens/docs/
98
103
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tensor_1/tokens",
3
- "version": "2.13.0",
3
+ "version": "2.14.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/themes/mission-control.css CHANGED
@@ -1,4 +1,4 @@
1
1
  /* GENERATED — do not edit. Brand override for "mission-control". Source: themes/mission-control.tokens.json; build: npm run build:themes.
2
2
  Sets only the write-only brand slots; accent/link/ring/brand-muted re-chain via @tensor_1/tokens/css. */
3
- :root { --uix-brand: #0088ff; --uix-brand-fg: #ffffff; --uix-bg-app: #f4f2f0; --uix-bg-subtle: #F4F2F0; --uix-bg-hover: #ECEAE6; --uix-bg-active: #E7E4DF; --uix-surface: #FFFFFF; --uix-surface-2: #FFFFFF; --uix-surface-3: #FFFFFF; --uix-border: #D2CECB; --uix-border-strong: #C4BFBB; --uix-text: #0C0A08; --uix-text-hushed: rgba(12,10,8,0.60); --uix-text-muted: #6E6A68; --uix-font-sans: "Geist", system-ui, sans-serif; --uix-font-mono: "Geist Mono", ui-monospace, monospace; --uix-radius-sm: 6px; --uix-radius-md: 8px; --uix-success: #1b6b33; --uix-success-fg: #FFFFFF; --uix-success-bg: #E7F0EC; --uix-success-solid: #34c759; --uix-warning: #9a4d06; --uix-warning-fg: #FFFFFF; --uix-warning-bg: #FBE9DD; --uix-warning-solid: #ff8d28; --uix-info: #0b5cab; --uix-info-fg: #FFFFFF; --uix-info-bg: #E4EBF6; --uix-info-solid: #0088ff; --uix-danger: #be1f25; --uix-danger-fg: #FFFFFF; --uix-danger-bg: #FBE4E4; --uix-danger-solid: #ff383c; }
4
- :root:where(.dark,[data-theme="dark"]) { --uix-brand: #0091ff; --uix-bg-app: #0E0D0C; --uix-bg-subtle: #1A1817; --uix-bg-hover: #252220; --uix-bg-active: #322E2B; --uix-surface: #1A1817; --uix-surface-2: #252220; --uix-surface-3: #322E2B; --uix-border: rgba(255,255,255,0.08); --uix-border-strong: rgba(255,255,255,0.14); --uix-text: #E3E0DB; --uix-text-hushed: rgba(227,224,219,0.60); --uix-text-muted: rgba(227,224,219,0.60); --uix-success: #30d158; --uix-success-fg: #0C0A08; --uix-success-bg: rgba(94,192,138,0.14); --uix-success-solid: #30d158; --uix-warning: #ff9230; --uix-warning-fg: #0C0A08; --uix-warning-bg: rgba(240,138,74,0.16); --uix-warning-solid: #ff9230; --uix-info: #0091ff; --uix-info-fg: #0C0A08; --uix-info-bg: rgba(86,131,210,0.16); --uix-info-solid: #0091ff; --uix-danger: #ff4245; --uix-danger-fg: #0C0A08; --uix-danger-bg: rgba(242,109,109,0.16); --uix-danger-solid: #ff4245; }
3
+ :root { --uix-brand: #0088ff; --uix-brand-fg: #ffffff; --uix-bg-app: #f4f2f0; --uix-bg-subtle: #F4F2F0; --uix-bg-hover: #ECEAE6; --uix-bg-active: #E7E4DF; --uix-surface: #FFFFFF; --uix-surface-2: #FFFFFF; --uix-surface-3: #FFFFFF; --uix-border: #D2CECB; --uix-border-strong: #C4BFBB; --uix-text: #0C0A08; --uix-text-hushed: rgba(12,10,8,0.60); --uix-text-muted: #6E6A68; --uix-nodata: var(--uix-border-strong); --uix-stale: var(--uix-text-hushed); --uix-font-sans: "Geist", system-ui, sans-serif; --uix-font-mono: "Geist Mono", ui-monospace, monospace; --uix-radius-sm: 6px; --uix-radius-md: 8px; --uix-success: #1b6b33; --uix-success-fg: #FFFFFF; --uix-success-bg: #E7F0EC; --uix-success-solid: #34c759; --uix-warning: #9a4d06; --uix-warning-fg: #FFFFFF; --uix-warning-bg: #FBE9DD; --uix-warning-solid: #ff8d28; --uix-info: #0b5cab; --uix-info-fg: #FFFFFF; --uix-info-bg: #E4EBF6; --uix-info-solid: #0088ff; --uix-danger: #be1f25; --uix-danger-fg: #FFFFFF; --uix-danger-bg: #FBE4E4; --uix-danger-solid: #ff383c; --uix-heat-0: #1b6b33; --uix-heat-1: #9a6700; --uix-heat-2: #b54708; --uix-heat-3: #be1f25; --uix-aura-alpha: 0; --uix-aura-blur: 0; --uix-aura-spread: 0; }
4
+ :root:where(.dark,[data-theme="dark"]) { --uix-brand: #0091ff; --uix-bg-app: #0E0D0C; --uix-bg-subtle: #1A1817; --uix-bg-hover: #252220; --uix-bg-active: #322E2B; --uix-surface: #1A1817; --uix-surface-2: #252220; --uix-surface-3: #322E2B; --uix-border: rgba(255,255,255,0.08); --uix-border-strong: rgba(255,255,255,0.14); --uix-text: #E3E0DB; --uix-text-hushed: rgba(227,224,219,0.60); --uix-text-muted: rgba(227,224,219,0.60); --uix-nodata: var(--uix-border-strong); --uix-stale: var(--uix-text-hushed); --uix-success: #30d158; --uix-success-fg: #0C0A08; --uix-success-bg: rgba(94,192,138,0.14); --uix-success-solid: #30d158; --uix-warning: #ff9230; --uix-warning-fg: #0C0A08; --uix-warning-bg: rgba(240,138,74,0.16); --uix-warning-solid: #ff9230; --uix-info: #0091ff; --uix-info-fg: #0C0A08; --uix-info-bg: rgba(86,131,210,0.16); --uix-info-solid: #0091ff; --uix-danger: #ff4245; --uix-danger-fg: #0C0A08; --uix-danger-bg: rgba(242,109,109,0.16); --uix-danger-solid: #ff4245; --uix-heat-0: #30d158; --uix-heat-1: #ffd60a; --uix-heat-2: #ff9230; --uix-heat-3: #ff4245; --uix-aura-alpha: 0.28; --uix-aura-blur: 18px; --uix-aura-spread: 1px; }