@tensor_1/tokens 2.54.1 → 2.55.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/build/css/styles.css +1 -1
- package/build/css/tokens.css +1 -1
- package/build/ts/tokens.js +1 -1
- package/package.json +1 -1
- package/themes/mission-control.css +1 -1
- package/themes/posx.css +1 -1
- package/themes/shopx.css +1 -1
- package/themes/tensor.css +1 -1
- package/tokens/dark/color.json +1 -1
package/build/css/tokens.css
CHANGED
|
@@ -212,7 +212,7 @@
|
|
|
212
212
|
--uix-text-hushed: rgba(250,250,250,.64);
|
|
213
213
|
--uix-text-muted: #A1A1A1;
|
|
214
214
|
--uix-accent: var(--uix-brand,#2563EB);
|
|
215
|
-
--uix-accent-hover: color-mix(in srgb, var(--uix-accent)
|
|
215
|
+
--uix-accent-hover: color-mix(in srgb, var(--uix-accent) 94%, #FFFFFF);
|
|
216
216
|
--uix-link: color-mix(in srgb, var(--uix-brand,#5B8DEF) 70%, #FFFFFF);
|
|
217
217
|
--uix-accent-text: color-mix(in srgb, var(--uix-accent) 70%, #FFFFFF);
|
|
218
218
|
--uix-ring: var(--uix-brand,#3080FF);
|
package/build/ts/tokens.js
CHANGED
|
@@ -409,7 +409,7 @@ export const dark = {
|
|
|
409
409
|
"text-hushed": "rgba(250,250,250,.64)",
|
|
410
410
|
"text-muted": "#A1A1A1",
|
|
411
411
|
"accent": "#2563EB",
|
|
412
|
-
"accent-hover": "color-mix(in srgb, var(--uix-accent)
|
|
412
|
+
"accent-hover": "color-mix(in srgb, var(--uix-accent) 94%, #FFFFFF)",
|
|
413
413
|
"link": "#5B8DEF",
|
|
414
414
|
"accent-text": "color-mix(in srgb, var(--uix-accent) 70%, #FFFFFF)",
|
|
415
415
|
"ring": "#3080FF",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tensor_1/tokens",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.55.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": [
|
|
@@ -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: #
|
|
3
|
+
:root { --uix-brand: #0088ff; --uix-brand-fg: #000000; --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
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; }
|
package/themes/posx.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* GENERATED — do not edit. Brand override for "posx". Source: themes/posx.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: #16A34A; --uix-brand-fg: #
|
|
3
|
+
:root { --uix-brand: #16A34A; --uix-brand-fg: #000000; }
|
|
4
4
|
:root:where(.dark,[data-theme="dark"]) { --uix-brand: #22C55E; }
|
package/themes/shopx.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* GENERATED — do not edit. Brand override for "shopx". Source: themes/shopx.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
3
|
:root { --uix-brand: #7C3AED; --uix-brand-fg: #FFFFFF; }
|
|
4
|
-
:root:where(.dark,[data-theme="dark"]) { --uix-brand: #8B5CF6; }
|
|
4
|
+
:root:where(.dark,[data-theme="dark"]) { --uix-brand: #8B5CF6; --uix-brand-fg: #000000; }
|
package/themes/tensor.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* GENERATED — do not edit. Brand override for "tensor". Source: themes/tensor.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
3
|
:root { --uix-brand: #4F46E5; --uix-brand-fg: #FFFFFF; }
|
|
4
|
-
:root:where(.dark,[data-theme="dark"]) { --uix-brand: #6366F1; }
|
|
4
|
+
:root:where(.dark,[data-theme="dark"]) { --uix-brand: #6366F1; --uix-brand-fg: #000000; }
|
package/tokens/dark/color.json
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"text-muted": { "$type": "color", "$value": "#A1A1A1" },
|
|
15
15
|
|
|
16
16
|
"accent": { "$type": "color", "$value": "var(--uix-brand,#2563EB)" },
|
|
17
|
-
"accent-hover": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-accent)
|
|
17
|
+
"accent-hover": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-accent) 94%, #FFFFFF)", "$description": "On dark, primary-button hover LIGHTENS the accent (the light-theme value darkens). Tracks the live brand override." },
|
|
18
18
|
"link": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-brand,#5B8DEF) 70%, #FFFFFF)", "$description": "Brightened on dark so links read clearly as links and stay distinct from the solid accent button background." },
|
|
19
19
|
"accent-text": { "$type": "color", "$value": "color-mix(in srgb, var(--uix-accent) 70%, #FFFFFF)", "$description": "On dark, accent-hued text LIGHTENS the accent (the light-theme value darkens): the solid dark accent measured 3.2:1 on its own 16% tint. Same 70% weight as --uix-link." },
|
|
20
20
|
"ring": { "$type": "color", "$value": "var(--uix-brand,#3080FF)" },
|