@chances-ai/design-system 17.0.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/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/tamagui.config.d.ts +117 -0
- package/dist/tamagui.config.d.ts.map +1 -0
- package/dist/tamagui.config.js +35 -0
- package/dist/tamagui.config.js.map +1 -0
- package/dist/themes.d.ts +5 -0
- package/dist/themes.d.ts.map +1 -0
- package/dist/themes.js +35 -0
- package/dist/themes.js.map +1 -0
- package/dist/tokens.d.ts +90 -0
- package/dist/tokens.d.ts.map +1 -0
- package/dist/tokens.js +34 -0
- package/dist/tokens.js.map +1 -0
- package/package.json +28 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `@chances-ai/design-system` — the SOLE cross-platform design system (Tamagui,
|
|
3
|
+
* res #1), consumed by `web-ui` (web/Electron) and the future mobile app. Its
|
|
4
|
+
* tokens + themes are derived from `@chances-ai/ui-core` so all surfaces — TUI,
|
|
5
|
+
* web, desktop, mobile — share one palette. v17 M0 ships config + tokens only.
|
|
6
|
+
*/
|
|
7
|
+
export { config, default, type AppConfig } from "./tamagui.config.js";
|
|
8
|
+
export { tokens } from "./tokens.js";
|
|
9
|
+
export { themes } from "./themes.js";
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `@chances-ai/design-system` — the SOLE cross-platform design system (Tamagui,
|
|
3
|
+
* res #1), consumed by `web-ui` (web/Electron) and the future mobile app. Its
|
|
4
|
+
* tokens + themes are derived from `@chances-ai/ui-core` so all surfaces — TUI,
|
|
5
|
+
* web, desktop, mobile — share one palette. v17 M0 ships config + tokens only.
|
|
6
|
+
*/
|
|
7
|
+
export { config, default } from "./tamagui.config.js";
|
|
8
|
+
export { tokens } from "./tokens.js";
|
|
9
|
+
export { themes } from "./themes.js";
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,MAAM,EAAE,OAAO,EAAkB,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
export declare const config: import("@tamagui/core").TamaguiInternalConfig<{
|
|
2
|
+
color: {
|
|
3
|
+
white: import("@tamagui/core").Variable<string>;
|
|
4
|
+
black: import("@tamagui/core").Variable<string>;
|
|
5
|
+
accent: import("@tamagui/core").Variable<string>;
|
|
6
|
+
success: import("@tamagui/core").Variable<string>;
|
|
7
|
+
error: import("@tamagui/core").Variable<string>;
|
|
8
|
+
warning: import("@tamagui/core").Variable<string>;
|
|
9
|
+
permission: import("@tamagui/core").Variable<string>;
|
|
10
|
+
planMode: import("@tamagui/core").Variable<string>;
|
|
11
|
+
autoAccept: import("@tamagui/core").Variable<string>;
|
|
12
|
+
bashPink: import("@tamagui/core").Variable<string>;
|
|
13
|
+
};
|
|
14
|
+
space: {
|
|
15
|
+
0: import("@tamagui/core").Variable<number>;
|
|
16
|
+
1: import("@tamagui/core").Variable<number>;
|
|
17
|
+
2: import("@tamagui/core").Variable<number>;
|
|
18
|
+
3: import("@tamagui/core").Variable<number>;
|
|
19
|
+
4: import("@tamagui/core").Variable<number>;
|
|
20
|
+
5: import("@tamagui/core").Variable<number>;
|
|
21
|
+
6: import("@tamagui/core").Variable<number>;
|
|
22
|
+
true: import("@tamagui/core").Variable<number>;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
0: import("@tamagui/core").Variable<number>;
|
|
26
|
+
1: import("@tamagui/core").Variable<number>;
|
|
27
|
+
2: import("@tamagui/core").Variable<number>;
|
|
28
|
+
3: import("@tamagui/core").Variable<number>;
|
|
29
|
+
4: import("@tamagui/core").Variable<number>;
|
|
30
|
+
true: import("@tamagui/core").Variable<number>;
|
|
31
|
+
};
|
|
32
|
+
radius: {
|
|
33
|
+
0: import("@tamagui/core").Variable<number>;
|
|
34
|
+
1: import("@tamagui/core").Variable<number>;
|
|
35
|
+
2: import("@tamagui/core").Variable<number>;
|
|
36
|
+
3: import("@tamagui/core").Variable<number>;
|
|
37
|
+
true: import("@tamagui/core").Variable<number>;
|
|
38
|
+
};
|
|
39
|
+
zIndex: {
|
|
40
|
+
0: import("@tamagui/core").Variable<number>;
|
|
41
|
+
1: import("@tamagui/core").Variable<number>;
|
|
42
|
+
2: import("@tamagui/core").Variable<number>;
|
|
43
|
+
true: import("@tamagui/core").Variable<number>;
|
|
44
|
+
};
|
|
45
|
+
} & Omit<{
|
|
46
|
+
space: {
|
|
47
|
+
0: import("@tamagui/core").Variable<number>;
|
|
48
|
+
1: import("@tamagui/core").Variable<number>;
|
|
49
|
+
2: import("@tamagui/core").Variable<number>;
|
|
50
|
+
3: import("@tamagui/core").Variable<number>;
|
|
51
|
+
4: import("@tamagui/core").Variable<number>;
|
|
52
|
+
5: import("@tamagui/core").Variable<number>;
|
|
53
|
+
6: import("@tamagui/core").Variable<number>;
|
|
54
|
+
true: import("@tamagui/core").Variable<number>;
|
|
55
|
+
};
|
|
56
|
+
size: {
|
|
57
|
+
0: import("@tamagui/core").Variable<number>;
|
|
58
|
+
1: import("@tamagui/core").Variable<number>;
|
|
59
|
+
2: import("@tamagui/core").Variable<number>;
|
|
60
|
+
3: import("@tamagui/core").Variable<number>;
|
|
61
|
+
4: import("@tamagui/core").Variable<number>;
|
|
62
|
+
true: import("@tamagui/core").Variable<number>;
|
|
63
|
+
};
|
|
64
|
+
radius: {
|
|
65
|
+
0: import("@tamagui/core").Variable<number>;
|
|
66
|
+
1: import("@tamagui/core").Variable<number>;
|
|
67
|
+
2: import("@tamagui/core").Variable<number>;
|
|
68
|
+
3: import("@tamagui/core").Variable<number>;
|
|
69
|
+
true: import("@tamagui/core").Variable<number>;
|
|
70
|
+
};
|
|
71
|
+
zIndex: {
|
|
72
|
+
0: import("@tamagui/core").Variable<number>;
|
|
73
|
+
1: import("@tamagui/core").Variable<number>;
|
|
74
|
+
2: import("@tamagui/core").Variable<number>;
|
|
75
|
+
true: import("@tamagui/core").Variable<number>;
|
|
76
|
+
};
|
|
77
|
+
color: {
|
|
78
|
+
white: import("@tamagui/core").Variable<string>;
|
|
79
|
+
black: import("@tamagui/core").Variable<string>;
|
|
80
|
+
accent: import("@tamagui/core").Variable<string>;
|
|
81
|
+
success: import("@tamagui/core").Variable<string>;
|
|
82
|
+
error: import("@tamagui/core").Variable<string>;
|
|
83
|
+
warning: import("@tamagui/core").Variable<string>;
|
|
84
|
+
permission: import("@tamagui/core").Variable<string>;
|
|
85
|
+
planMode: import("@tamagui/core").Variable<string>;
|
|
86
|
+
autoAccept: import("@tamagui/core").Variable<string>;
|
|
87
|
+
bashPink: import("@tamagui/core").Variable<string>;
|
|
88
|
+
};
|
|
89
|
+
}, "color" | "space" | "size" | "radius" | "zIndex">, {
|
|
90
|
+
dark: Record<string, string>;
|
|
91
|
+
light: Record<string, string>;
|
|
92
|
+
}, {
|
|
93
|
+
readonly p: "padding";
|
|
94
|
+
readonly px: "paddingHorizontal";
|
|
95
|
+
readonly py: "paddingVertical";
|
|
96
|
+
readonly m: "margin";
|
|
97
|
+
readonly f: "flex";
|
|
98
|
+
readonly w: "width";
|
|
99
|
+
readonly h: "height";
|
|
100
|
+
readonly bg: "backgroundColor";
|
|
101
|
+
}, {
|
|
102
|
+
sm: {
|
|
103
|
+
maxWidth: number;
|
|
104
|
+
};
|
|
105
|
+
gtSm: {
|
|
106
|
+
minWidth: number;
|
|
107
|
+
};
|
|
108
|
+
}, {}, {}, {
|
|
109
|
+
disableSSR: true;
|
|
110
|
+
}, "default">;
|
|
111
|
+
export type AppConfig = typeof config;
|
|
112
|
+
declare module "@tamagui/core" {
|
|
113
|
+
interface TamaguiCustomConfig extends AppConfig {
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
export default config;
|
|
117
|
+
//# sourceMappingURL=tamagui.config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../src/tamagui.config.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAqBjB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,OAAO,MAAM,CAAC;AAItC,OAAO,QAAQ,eAAe,CAAC;IAC7B,UAAU,mBAAoB,SAAQ,SAAS;KAAG;CACnD;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* (v17 M0 / docs/6.1 §4, res #1) The Tamagui design-system config — the SOLE
|
|
3
|
+
* cross-platform design system (Tamagui spans React-DOM + React-Native). M0
|
|
4
|
+
* ships the skeleton: `createTamagui` over ui-core-derived tokens + themes,
|
|
5
|
+
* proving the compile chain works on Bun + `tsc -b` + React 19 BEFORE any
|
|
6
|
+
* component layer consumes it (that lands with web-ui in M1). No components,
|
|
7
|
+
* no compiler plugin (that is a build-time optimization for apps/web).
|
|
8
|
+
*/
|
|
9
|
+
import { createTamagui } from "@tamagui/core";
|
|
10
|
+
import { tokens } from "./tokens.js";
|
|
11
|
+
import { themes } from "./themes.js";
|
|
12
|
+
export const config = createTamagui({
|
|
13
|
+
tokens,
|
|
14
|
+
themes,
|
|
15
|
+
shorthands: {
|
|
16
|
+
p: "padding",
|
|
17
|
+
px: "paddingHorizontal",
|
|
18
|
+
py: "paddingVertical",
|
|
19
|
+
m: "margin",
|
|
20
|
+
f: "flex",
|
|
21
|
+
w: "width",
|
|
22
|
+
h: "height",
|
|
23
|
+
bg: "backgroundColor",
|
|
24
|
+
},
|
|
25
|
+
media: {
|
|
26
|
+
sm: { maxWidth: 860 },
|
|
27
|
+
gtSm: { minWidth: 861 },
|
|
28
|
+
},
|
|
29
|
+
settings: {
|
|
30
|
+
// M0 has no SSR pipeline yet; the web app wires this in M1.
|
|
31
|
+
disableSSR: true,
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
export default config;
|
|
35
|
+
//# sourceMappingURL=tamagui.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tamagui.config.js","sourceRoot":"","sources":["../src/tamagui.config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC;IAClC,MAAM;IACN,MAAM;IACN,UAAU,EAAE;QACV,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,iBAAiB;QACrB,CAAC,EAAE,QAAQ;QACX,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,OAAO;QACV,CAAC,EAAE,QAAQ;QACX,EAAE,EAAE,iBAAiB;KACb;IACV,KAAK,EAAE;QACL,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;QACrB,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE;KACxB;IACD,QAAQ,EAAE;QACR,4DAA4D;QAC5D,UAAU,EAAE,IAAI;KACjB;CACF,CAAC,CAAC;AAUH,eAAe,MAAM,CAAC"}
|
package/dist/themes.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
|
package/dist/themes.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* (v17 M0, res #1) Tamagui themes — switchable per-mode palettes, DERIVED from
|
|
3
|
+
* `@chances-ai/ui-core` so dark/light track the TUI exactly. Each theme carries
|
|
4
|
+
* the standard Tamagui keys (`background`/`color`/`borderColor`) plus our
|
|
5
|
+
* semantic roles (`accent`, `diffAddedBg`, …). dark + light share the same key
|
|
6
|
+
* set (Tamagui requires key parity) — guaranteed by the shared `theme()` shape.
|
|
7
|
+
*/
|
|
8
|
+
import { resolveTheme } from "@chances-ai/ui-core";
|
|
9
|
+
const d = resolveTheme("dark", {});
|
|
10
|
+
const l = resolveTheme("light", {});
|
|
11
|
+
function theme(p, base) {
|
|
12
|
+
return {
|
|
13
|
+
background: base.background,
|
|
14
|
+
color: base.color,
|
|
15
|
+
borderColor: base.borderColor,
|
|
16
|
+
accent: p.accent ?? "",
|
|
17
|
+
success: p.success ?? "",
|
|
18
|
+
error: p.error ?? "",
|
|
19
|
+
warning: p.warning ?? "",
|
|
20
|
+
permission: p.permission ?? "",
|
|
21
|
+
planMode: p.planMode ?? "",
|
|
22
|
+
autoAccept: p.autoAccept ?? "",
|
|
23
|
+
bashPink: p.bashPink ?? "",
|
|
24
|
+
diffAddedBg: p.diffAddedBg ?? "",
|
|
25
|
+
diffRemovedBg: p.diffRemovedBg ?? "",
|
|
26
|
+
diffAddedWordBg: p.diffAddedWordBg ?? "",
|
|
27
|
+
diffRemovedWordBg: p.diffRemovedWordBg ?? "",
|
|
28
|
+
userMessageBg: p.userMessageBg ?? "",
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
export const themes = {
|
|
32
|
+
dark: theme(d, { background: "#000000", color: "#ffffff", borderColor: "#555555" }),
|
|
33
|
+
light: theme(l, { background: "#ffffff", color: "#000000", borderColor: "#cccccc" }),
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=themes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,YAAY,EAAc,MAAM,qBAAqB,CAAC;AAE/D,MAAM,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AACnC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAQpC,SAAS,KAAK,CAAC,CAAQ,EAAE,IAAc;IACrC,OAAO;QACL,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,MAAM,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE;QACtB,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE;QACxB,KAAK,EAAE,CAAC,CAAC,KAAK,IAAI,EAAE;QACpB,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE;QACxB,UAAU,EAAE,CAAC,CAAC,UAAU,IAAI,EAAE;QAC9B,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE;QAC1B,UAAU,EAAE,CAAC,CAAC,UAAU,IAAI,EAAE;QAC9B,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,EAAE;QAC1B,WAAW,EAAE,CAAC,CAAC,WAAW,IAAI,EAAE;QAChC,aAAa,EAAE,CAAC,CAAC,aAAa,IAAI,EAAE;QACpC,eAAe,EAAE,CAAC,CAAC,eAAe,IAAI,EAAE;QACxC,iBAAiB,EAAE,CAAC,CAAC,iBAAiB,IAAI,EAAE;QAC5C,aAAa,EAAE,CAAC,CAAC,aAAa,IAAI,EAAE;KACrC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;IACnF,KAAK,EAAE,KAAK,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC;CACrF,CAAC"}
|
package/dist/tokens.d.ts
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
export declare const tokens: {
|
|
2
|
+
color: {
|
|
3
|
+
white: import("@tamagui/core").Variable<string>;
|
|
4
|
+
black: import("@tamagui/core").Variable<string>;
|
|
5
|
+
accent: import("@tamagui/core").Variable<string>;
|
|
6
|
+
success: import("@tamagui/core").Variable<string>;
|
|
7
|
+
error: import("@tamagui/core").Variable<string>;
|
|
8
|
+
warning: import("@tamagui/core").Variable<string>;
|
|
9
|
+
permission: import("@tamagui/core").Variable<string>;
|
|
10
|
+
planMode: import("@tamagui/core").Variable<string>;
|
|
11
|
+
autoAccept: import("@tamagui/core").Variable<string>;
|
|
12
|
+
bashPink: import("@tamagui/core").Variable<string>;
|
|
13
|
+
};
|
|
14
|
+
space: {
|
|
15
|
+
0: import("@tamagui/core").Variable<number>;
|
|
16
|
+
1: import("@tamagui/core").Variable<number>;
|
|
17
|
+
2: import("@tamagui/core").Variable<number>;
|
|
18
|
+
3: import("@tamagui/core").Variable<number>;
|
|
19
|
+
4: import("@tamagui/core").Variable<number>;
|
|
20
|
+
5: import("@tamagui/core").Variable<number>;
|
|
21
|
+
6: import("@tamagui/core").Variable<number>;
|
|
22
|
+
true: import("@tamagui/core").Variable<number>;
|
|
23
|
+
};
|
|
24
|
+
size: {
|
|
25
|
+
0: import("@tamagui/core").Variable<number>;
|
|
26
|
+
1: import("@tamagui/core").Variable<number>;
|
|
27
|
+
2: import("@tamagui/core").Variable<number>;
|
|
28
|
+
3: import("@tamagui/core").Variable<number>;
|
|
29
|
+
4: import("@tamagui/core").Variable<number>;
|
|
30
|
+
true: import("@tamagui/core").Variable<number>;
|
|
31
|
+
};
|
|
32
|
+
radius: {
|
|
33
|
+
0: import("@tamagui/core").Variable<number>;
|
|
34
|
+
1: import("@tamagui/core").Variable<number>;
|
|
35
|
+
2: import("@tamagui/core").Variable<number>;
|
|
36
|
+
3: import("@tamagui/core").Variable<number>;
|
|
37
|
+
true: import("@tamagui/core").Variable<number>;
|
|
38
|
+
};
|
|
39
|
+
zIndex: {
|
|
40
|
+
0: import("@tamagui/core").Variable<number>;
|
|
41
|
+
1: import("@tamagui/core").Variable<number>;
|
|
42
|
+
2: import("@tamagui/core").Variable<number>;
|
|
43
|
+
true: import("@tamagui/core").Variable<number>;
|
|
44
|
+
};
|
|
45
|
+
} & Omit<{
|
|
46
|
+
space: {
|
|
47
|
+
0: import("@tamagui/core").Variable<number>;
|
|
48
|
+
1: import("@tamagui/core").Variable<number>;
|
|
49
|
+
2: import("@tamagui/core").Variable<number>;
|
|
50
|
+
3: import("@tamagui/core").Variable<number>;
|
|
51
|
+
4: import("@tamagui/core").Variable<number>;
|
|
52
|
+
5: import("@tamagui/core").Variable<number>;
|
|
53
|
+
6: import("@tamagui/core").Variable<number>;
|
|
54
|
+
true: import("@tamagui/core").Variable<number>;
|
|
55
|
+
};
|
|
56
|
+
size: {
|
|
57
|
+
0: import("@tamagui/core").Variable<number>;
|
|
58
|
+
1: import("@tamagui/core").Variable<number>;
|
|
59
|
+
2: import("@tamagui/core").Variable<number>;
|
|
60
|
+
3: import("@tamagui/core").Variable<number>;
|
|
61
|
+
4: import("@tamagui/core").Variable<number>;
|
|
62
|
+
true: import("@tamagui/core").Variable<number>;
|
|
63
|
+
};
|
|
64
|
+
radius: {
|
|
65
|
+
0: import("@tamagui/core").Variable<number>;
|
|
66
|
+
1: import("@tamagui/core").Variable<number>;
|
|
67
|
+
2: import("@tamagui/core").Variable<number>;
|
|
68
|
+
3: import("@tamagui/core").Variable<number>;
|
|
69
|
+
true: import("@tamagui/core").Variable<number>;
|
|
70
|
+
};
|
|
71
|
+
zIndex: {
|
|
72
|
+
0: import("@tamagui/core").Variable<number>;
|
|
73
|
+
1: import("@tamagui/core").Variable<number>;
|
|
74
|
+
2: import("@tamagui/core").Variable<number>;
|
|
75
|
+
true: import("@tamagui/core").Variable<number>;
|
|
76
|
+
};
|
|
77
|
+
color: {
|
|
78
|
+
white: import("@tamagui/core").Variable<string>;
|
|
79
|
+
black: import("@tamagui/core").Variable<string>;
|
|
80
|
+
accent: import("@tamagui/core").Variable<string>;
|
|
81
|
+
success: import("@tamagui/core").Variable<string>;
|
|
82
|
+
error: import("@tamagui/core").Variable<string>;
|
|
83
|
+
warning: import("@tamagui/core").Variable<string>;
|
|
84
|
+
permission: import("@tamagui/core").Variable<string>;
|
|
85
|
+
planMode: import("@tamagui/core").Variable<string>;
|
|
86
|
+
autoAccept: import("@tamagui/core").Variable<string>;
|
|
87
|
+
bashPink: import("@tamagui/core").Variable<string>;
|
|
88
|
+
};
|
|
89
|
+
}, "color" | "space" | "size" | "radius" | "zIndex">;
|
|
90
|
+
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAiBjB,CAAC"}
|
package/dist/tokens.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* (v17 M0 / docs/6.1 §4, res #1) Tamagui design tokens — the SINGLE source of
|
|
3
|
+
* truth shared web ↔ mobile. The color palette is DERIVED from `@chances-ai/
|
|
4
|
+
* ui-core`'s `resolveTheme` so the GUI and the TUI render byte-identical colors;
|
|
5
|
+
* there is no second palette to drift. The `dark` palette seeds the global
|
|
6
|
+
* `tokens.color` (tokens are mode-invariant); per-mode values live in `themes`.
|
|
7
|
+
*/
|
|
8
|
+
import { resolveTheme } from "@chances-ai/ui-core";
|
|
9
|
+
import { createTokens } from "@tamagui/core";
|
|
10
|
+
const dark = resolveTheme("dark", {});
|
|
11
|
+
// Compact, claude-code-ish numeric scales. `true` is Tamagui's default-step key.
|
|
12
|
+
const space = { 0: 0, 1: 4, 2: 8, 3: 12, 4: 16, 5: 24, 6: 32, true: 8 };
|
|
13
|
+
const size = { 0: 0, 1: 20, 2: 28, 3: 36, 4: 44, true: 28 };
|
|
14
|
+
const radius = { 0: 0, 1: 3, 2: 6, 3: 9, true: 3 };
|
|
15
|
+
const zIndex = { 0: 0, 1: 100, 2: 200, true: 0 };
|
|
16
|
+
export const tokens = createTokens({
|
|
17
|
+
space,
|
|
18
|
+
size,
|
|
19
|
+
radius,
|
|
20
|
+
zIndex,
|
|
21
|
+
color: {
|
|
22
|
+
white: "#ffffff",
|
|
23
|
+
black: "#000000",
|
|
24
|
+
accent: dark.accent ?? "rgb(215,119,87)",
|
|
25
|
+
success: dark.success ?? "",
|
|
26
|
+
error: dark.error ?? "",
|
|
27
|
+
warning: dark.warning ?? "",
|
|
28
|
+
permission: dark.permission ?? "",
|
|
29
|
+
planMode: dark.planMode ?? "",
|
|
30
|
+
autoAccept: dark.autoAccept ?? "",
|
|
31
|
+
bashPink: dark.bashPink ?? "",
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,YAAY,EAAc,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,IAAI,GAAU,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAE7C,iFAAiF;AACjF,MAAM,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACxE,MAAM,IAAI,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;AAC5D,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACnD,MAAM,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,YAAY,CAAC;IACjC,KAAK;IACL,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,iBAAiB;QACxC,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;QAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;QACvB,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,EAAE;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;QACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE;QAC7B,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE;QACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE;KAC9B;CACF,CAAC,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@chances-ai/design-system",
|
|
3
|
+
"version": "17.0.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"import": "./dist/index.js"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
"files": [
|
|
14
|
+
"dist"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": {
|
|
17
|
+
"@chances-ai/ui-core": "17.0.0",
|
|
18
|
+
"@tamagui/core": "^2.1.0"
|
|
19
|
+
},
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"react": "^19.2"
|
|
22
|
+
},
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build": "tsc -b",
|
|
25
|
+
"check": "tsc -b",
|
|
26
|
+
"test": "bun test"
|
|
27
|
+
}
|
|
28
|
+
}
|