@chances-ai/design-system 21.0.0 → 24.2.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/cn.d.ts +11 -0
- package/dist/cn.d.ts.map +1 -0
- package/dist/cn.js +14 -0
- package/dist/cn.js.map +1 -0
- package/dist/diff/change-bar.d.ts +30 -0
- package/dist/diff/change-bar.d.ts.map +1 -0
- package/dist/diff/change-bar.js +55 -0
- package/dist/diff/change-bar.js.map +1 -0
- package/dist/diff/monaco-theme.d.ts +32 -0
- package/dist/diff/monaco-theme.d.ts.map +1 -0
- package/dist/diff/monaco-theme.js +70 -0
- package/dist/diff/monaco-theme.js.map +1 -0
- package/dist/heroui-theme.d.ts +37 -0
- package/dist/heroui-theme.d.ts.map +1 -0
- package/dist/heroui-theme.js +77 -0
- package/dist/heroui-theme.js.map +1 -0
- package/dist/icon/icon.d.ts +41 -0
- package/dist/icon/icon.d.ts.map +1 -0
- package/dist/icon/icon.js +41 -0
- package/dist/icon/icon.js.map +1 -0
- package/dist/icon/sprite-sheet.d.ts +13 -0
- package/dist/icon/sprite-sheet.d.ts.map +1 -0
- package/dist/icon/sprite-sheet.js +8 -0
- package/dist/icon/sprite-sheet.js.map +1 -0
- package/dist/icon/sprite.d.ts +42 -0
- package/dist/icon/sprite.d.ts.map +1 -0
- package/dist/icon/sprite.js +23 -0
- package/dist/icon/sprite.js.map +1 -0
- package/dist/index.d.ts +25 -7
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +38 -7
- package/dist/index.js.map +1 -1
- package/dist/motion/animated.d.ts +34 -0
- package/dist/motion/animated.d.ts.map +1 -0
- package/dist/motion/animated.js +39 -0
- package/dist/motion/animated.js.map +1 -0
- package/dist/primitives/button.d.ts +52 -0
- package/dist/primitives/button.d.ts.map +1 -0
- package/dist/primitives/button.js +20 -0
- package/dist/primitives/button.js.map +1 -0
- package/dist/primitives/card.d.ts +7 -0
- package/dist/primitives/card.d.ts.map +1 -0
- package/dist/primitives/card.js +10 -0
- package/dist/primitives/card.js.map +1 -0
- package/dist/primitives/scroll-area.d.ts +7 -0
- package/dist/primitives/scroll-area.d.ts.map +1 -0
- package/dist/primitives/scroll-area.js +10 -0
- package/dist/primitives/scroll-area.js.map +1 -0
- package/dist/primitives/stack.d.ts +9 -0
- package/dist/primitives/stack.d.ts.map +1 -0
- package/dist/primitives/stack.js +14 -0
- package/dist/primitives/stack.js.map +1 -0
- package/dist/primitives/status-badge.d.ts +42 -0
- package/dist/primitives/status-badge.d.ts.map +1 -0
- package/dist/primitives/status-badge.js +23 -0
- package/dist/primitives/status-badge.js.map +1 -0
- package/dist/primitives/surface.d.ts +201 -0
- package/dist/primitives/surface.d.ts.map +1 -0
- package/dist/primitives/surface.js +39 -0
- package/dist/primitives/surface.js.map +1 -0
- package/dist/primitives/tabs.d.ts +31 -0
- package/dist/primitives/tabs.d.ts.map +1 -0
- package/dist/primitives/tabs.js +70 -0
- package/dist/primitives/tabs.js.map +1 -0
- package/dist/primitives/text.d.ts +124 -0
- package/dist/primitives/text.d.ts.map +1 -0
- package/dist/primitives/text.js +36 -0
- package/dist/primitives/text.js.map +1 -0
- package/dist/theme-vars.d.ts +25 -0
- package/dist/theme-vars.d.ts.map +1 -0
- package/dist/theme-vars.js +24 -0
- package/dist/theme-vars.js.map +1 -0
- package/dist/widgets/filter-autocomplete.d.ts +21 -0
- package/dist/widgets/filter-autocomplete.d.ts.map +1 -0
- package/dist/widgets/filter-autocomplete.js +30 -0
- package/dist/widgets/filter-autocomplete.js.map +1 -0
- package/dist/widgets/index.d.ts +17 -0
- package/dist/widgets/index.d.ts.map +1 -0
- package/dist/widgets/index.js +17 -0
- package/dist/widgets/index.js.map +1 -0
- package/package.json +67 -7
- package/src/heroui-theme.css +42 -0
- package/src/tokens.css +147 -0
- package/dist/tamagui.config.d.ts +0 -117
- package/dist/tamagui.config.d.ts.map +0 -1
- package/dist/tamagui.config.js +0 -35
- package/dist/tamagui.config.js.map +0 -1
- package/dist/themes.d.ts +0 -5
- package/dist/themes.d.ts.map +0 -1
- package/dist/themes.js +0 -35
- package/dist/themes.js.map +0 -1
- package/dist/tokens.d.ts +0 -90
- package/dist/tokens.d.ts.map +0 -1
- package/dist/tokens.js +0 -34
- package/dist/tokens.js.map +0 -1
package/src/tokens.css
ADDED
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
/* GENERATED by scripts/gen-theme-css.ts — DO NOT EDIT. Run `bun scripts/gen-theme-css.ts`. */
|
|
2
|
+
/* The seed OKLCH engine (ui-core) is the single source: the @theme block binds
|
|
3
|
+
each Tailwind color utility to a runtime --ch-* var; applyThemeVars (theme-vars.ts)
|
|
4
|
+
sets those vars per selected theme + mode. The :root block is the default-dark
|
|
5
|
+
fallback so the kit renders before a theme is applied. */
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
--color-accent: var(--ch-accent);
|
|
9
|
+
--color-success: var(--ch-success);
|
|
10
|
+
--color-error: var(--ch-error);
|
|
11
|
+
--color-warning: var(--ch-warning);
|
|
12
|
+
--color-permission: var(--ch-permission);
|
|
13
|
+
--color-plan-mode: var(--ch-plan-mode);
|
|
14
|
+
--color-auto-accept: var(--ch-auto-accept);
|
|
15
|
+
--color-bash-pink: var(--ch-bash-pink);
|
|
16
|
+
--color-diff-added-bg: var(--ch-diff-added-bg);
|
|
17
|
+
--color-diff-removed-bg: var(--ch-diff-removed-bg);
|
|
18
|
+
--color-diff-added-word-bg: var(--ch-diff-added-word-bg);
|
|
19
|
+
--color-diff-removed-word-bg: var(--ch-diff-removed-word-bg);
|
|
20
|
+
--color-user-message-bg: var(--ch-user-message-bg);
|
|
21
|
+
--color-stall: var(--ch-stall);
|
|
22
|
+
--color-syn-keyword: var(--ch-syn-keyword);
|
|
23
|
+
--color-syn-string: var(--ch-syn-string);
|
|
24
|
+
--color-syn-comment: var(--ch-syn-comment);
|
|
25
|
+
--color-syn-number: var(--ch-syn-number);
|
|
26
|
+
--color-syn-function: var(--ch-syn-function);
|
|
27
|
+
--color-syn-type: var(--ch-syn-type);
|
|
28
|
+
--color-syn-literal: var(--ch-syn-literal);
|
|
29
|
+
--color-syn-title: var(--ch-syn-title);
|
|
30
|
+
--color-syn-attr: var(--ch-syn-attr);
|
|
31
|
+
--color-bg-base: var(--ch-bg-base);
|
|
32
|
+
--color-bg-weak: var(--ch-bg-weak);
|
|
33
|
+
--color-bg-strong: var(--ch-bg-strong);
|
|
34
|
+
--color-surface-base: var(--ch-surface-base);
|
|
35
|
+
--color-surface-raised: var(--ch-surface-raised);
|
|
36
|
+
--color-surface-inset: var(--ch-surface-inset);
|
|
37
|
+
--color-surface-hover: var(--ch-surface-hover);
|
|
38
|
+
--color-surface-active: var(--ch-surface-active);
|
|
39
|
+
--color-text-base: var(--ch-text-base);
|
|
40
|
+
--color-text-weak: var(--ch-text-weak);
|
|
41
|
+
--color-text-weaker: var(--ch-text-weaker);
|
|
42
|
+
--color-text-strong: var(--ch-text-strong);
|
|
43
|
+
--color-border-base: var(--ch-border-base);
|
|
44
|
+
--color-border-weak: var(--ch-border-weak);
|
|
45
|
+
--color-border-strong: var(--ch-border-strong);
|
|
46
|
+
--color-border-focus: var(--ch-border-focus);
|
|
47
|
+
--color-border-selected: var(--ch-border-selected);
|
|
48
|
+
--color-input-base: var(--ch-input-base);
|
|
49
|
+
--color-input-hover: var(--ch-input-hover);
|
|
50
|
+
--color-input-focus: var(--ch-input-focus);
|
|
51
|
+
--color-input-disabled: var(--ch-input-disabled);
|
|
52
|
+
--color-icon-base: var(--ch-icon-base);
|
|
53
|
+
--color-icon-weak: var(--ch-icon-weak);
|
|
54
|
+
--color-icon-strong: var(--ch-icon-strong);
|
|
55
|
+
--color-icon-disabled: var(--ch-icon-disabled);
|
|
56
|
+
--color-button-primary: var(--ch-button-primary);
|
|
57
|
+
--color-button-secondary: var(--ch-button-secondary);
|
|
58
|
+
--color-button-ghost-hover: var(--ch-button-ghost-hover);
|
|
59
|
+
--color-interactive: var(--ch-interactive);
|
|
60
|
+
--color-diff-add-surface: var(--ch-diff-add-surface);
|
|
61
|
+
--color-diff-delete-surface: var(--ch-diff-delete-surface);
|
|
62
|
+
--color-diff-change-bar-add: var(--ch-diff-change-bar-add);
|
|
63
|
+
--color-diff-change-bar-delete: var(--ch-diff-change-bar-delete);
|
|
64
|
+
--color-diff-change-bar-modified: var(--ch-diff-change-bar-modified);
|
|
65
|
+
--color-md-heading: var(--ch-md-heading);
|
|
66
|
+
--color-md-link: var(--ch-md-link);
|
|
67
|
+
--color-md-code: var(--ch-md-code);
|
|
68
|
+
--color-md-quote: var(--ch-md-quote);
|
|
69
|
+
--color-md-strong: var(--ch-md-strong);
|
|
70
|
+
--color-md-emph: var(--ch-md-emph);
|
|
71
|
+
--color-text-on-accent: var(--ch-text-on-accent);
|
|
72
|
+
--color-text-on-success: var(--ch-text-on-success);
|
|
73
|
+
--color-text-on-error: var(--ch-text-on-error);
|
|
74
|
+
--color-text-on-warning: var(--ch-text-on-warning);
|
|
75
|
+
--color-text-on-interactive: var(--ch-text-on-interactive);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:root {
|
|
79
|
+
--ch-accent: rgb(215,119,87);
|
|
80
|
+
--ch-success: rgb(78,186,101);
|
|
81
|
+
--ch-error: rgb(255,107,128);
|
|
82
|
+
--ch-warning: rgb(255,193,7);
|
|
83
|
+
--ch-permission: rgb(177,185,249);
|
|
84
|
+
--ch-plan-mode: rgb(72,150,140);
|
|
85
|
+
--ch-auto-accept: rgb(175,135,255);
|
|
86
|
+
--ch-bash-pink: rgb(253,93,177);
|
|
87
|
+
--ch-stall: rgb(171,43,63);
|
|
88
|
+
--ch-user-message-bg: rgb(55,55,55);
|
|
89
|
+
--ch-diff-added-bg: rgb(34,92,43);
|
|
90
|
+
--ch-diff-removed-bg: rgb(122,41,54);
|
|
91
|
+
--ch-diff-added-word-bg: rgb(56,166,96);
|
|
92
|
+
--ch-diff-removed-word-bg: rgb(179,89,107);
|
|
93
|
+
--ch-syn-keyword: rgb(198,120,221);
|
|
94
|
+
--ch-syn-string: rgb(152,195,121);
|
|
95
|
+
--ch-syn-comment: rgb(106,115,125);
|
|
96
|
+
--ch-syn-number: rgb(209,154,102);
|
|
97
|
+
--ch-syn-function: rgb(97,175,239);
|
|
98
|
+
--ch-syn-type: rgb(229,192,123);
|
|
99
|
+
--ch-syn-literal: rgb(86,182,194);
|
|
100
|
+
--ch-syn-title: rgb(97,175,239);
|
|
101
|
+
--ch-syn-attr: rgb(209,154,102);
|
|
102
|
+
--ch-bg-base: rgb(0,0,0);
|
|
103
|
+
--ch-bg-weak: rgb(12,12,12);
|
|
104
|
+
--ch-bg-strong: rgb(12,12,12);
|
|
105
|
+
--ch-surface-base: rgb(12,12,12);
|
|
106
|
+
--ch-surface-raised: rgb(17,17,17);
|
|
107
|
+
--ch-surface-inset: rgb(9,9,9);
|
|
108
|
+
--ch-surface-hover: rgb(17,17,17);
|
|
109
|
+
--ch-surface-active: rgb(22,22,22);
|
|
110
|
+
--ch-text-base: rgb(255,255,255);
|
|
111
|
+
--ch-text-weak: rgb(122,122,122);
|
|
112
|
+
--ch-text-weaker: rgb(105,105,105);
|
|
113
|
+
--ch-text-strong: rgb(240,240,240);
|
|
114
|
+
--ch-border-base: rgb(85,85,85);
|
|
115
|
+
--ch-border-weak: rgb(22,22,22);
|
|
116
|
+
--ch-border-strong: rgb(52,52,52);
|
|
117
|
+
--ch-border-focus: rgb(85,111,246);
|
|
118
|
+
--ch-border-selected: rgb(85,111,246);
|
|
119
|
+
--ch-input-base: rgb(12,12,12);
|
|
120
|
+
--ch-input-hover: rgb(17,17,17);
|
|
121
|
+
--ch-input-focus: rgb(36,46,157);
|
|
122
|
+
--ch-input-disabled: rgb(22,22,22);
|
|
123
|
+
--ch-icon-base: rgb(134,134,134);
|
|
124
|
+
--ch-icon-weak: rgb(52,52,52);
|
|
125
|
+
--ch-icon-strong: rgb(240,240,240);
|
|
126
|
+
--ch-icon-disabled: rgb(39,39,39);
|
|
127
|
+
--ch-button-primary: rgb(240,240,240);
|
|
128
|
+
--ch-button-secondary: rgb(17,17,17);
|
|
129
|
+
--ch-button-ghost-hover: rgb(17,17,17);
|
|
130
|
+
--ch-interactive: rgb(85,111,246);
|
|
131
|
+
--ch-diff-add-surface: rgb(0,20,5);
|
|
132
|
+
--ch-diff-delete-surface: rgb(36,0,9);
|
|
133
|
+
--ch-diff-change-bar-add: rgb(22,108,57);
|
|
134
|
+
--ch-diff-change-bar-delete: rgb(163,22,70);
|
|
135
|
+
--ch-diff-change-bar-modified: rgb(113,86,17);
|
|
136
|
+
--ch-md-heading: rgb(254,212,199);
|
|
137
|
+
--ch-md-link: rgb(211,222,254);
|
|
138
|
+
--ch-md-code: rgb(131,254,154);
|
|
139
|
+
--ch-md-quote: rgb(254,221,154);
|
|
140
|
+
--ch-md-strong: rgb(254,212,199);
|
|
141
|
+
--ch-md-emph: rgb(254,221,154);
|
|
142
|
+
--ch-text-on-accent: rgb(0,0,0);
|
|
143
|
+
--ch-text-on-success: rgb(0,0,0);
|
|
144
|
+
--ch-text-on-error: rgb(0,0,0);
|
|
145
|
+
--ch-text-on-warning: rgb(0,0,0);
|
|
146
|
+
--ch-text-on-interactive: rgb(0,0,0);
|
|
147
|
+
}
|
package/dist/tamagui.config.d.ts
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/dist/tamagui.config.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
package/dist/themes.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,MAAM;;;CAGlB,CAAC"}
|
package/dist/themes.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
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
|
package/dist/themes.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
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
|
package/dist/tokens.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAiBjB,CAAC"}
|
package/dist/tokens.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
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
|
package/dist/tokens.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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"}
|