@chances-ai/design-system 20.0.1 → 24.1.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 (83) hide show
  1. package/dist/cn.d.ts +11 -0
  2. package/dist/cn.d.ts.map +1 -0
  3. package/dist/cn.js +14 -0
  4. package/dist/cn.js.map +1 -0
  5. package/dist/diff/change-bar.d.ts +30 -0
  6. package/dist/diff/change-bar.d.ts.map +1 -0
  7. package/dist/diff/change-bar.js +55 -0
  8. package/dist/diff/change-bar.js.map +1 -0
  9. package/dist/diff/monaco-theme.d.ts +32 -0
  10. package/dist/diff/monaco-theme.d.ts.map +1 -0
  11. package/dist/diff/monaco-theme.js +70 -0
  12. package/dist/diff/monaco-theme.js.map +1 -0
  13. package/dist/heroui-theme.d.ts +37 -0
  14. package/dist/heroui-theme.d.ts.map +1 -0
  15. package/dist/heroui-theme.js +77 -0
  16. package/dist/heroui-theme.js.map +1 -0
  17. package/dist/icon/icon.d.ts +41 -0
  18. package/dist/icon/icon.d.ts.map +1 -0
  19. package/dist/icon/icon.js +41 -0
  20. package/dist/icon/icon.js.map +1 -0
  21. package/dist/icon/sprite.d.ts +30 -0
  22. package/dist/icon/sprite.d.ts.map +1 -0
  23. package/dist/icon/sprite.js +16 -0
  24. package/dist/icon/sprite.js.map +1 -0
  25. package/dist/index.d.ts +23 -7
  26. package/dist/index.d.ts.map +1 -1
  27. package/dist/index.js +32 -7
  28. package/dist/index.js.map +1 -1
  29. package/dist/primitives/button.d.ts +52 -0
  30. package/dist/primitives/button.d.ts.map +1 -0
  31. package/dist/primitives/button.js +20 -0
  32. package/dist/primitives/button.js.map +1 -0
  33. package/dist/primitives/card.d.ts +7 -0
  34. package/dist/primitives/card.d.ts.map +1 -0
  35. package/dist/primitives/card.js +10 -0
  36. package/dist/primitives/card.js.map +1 -0
  37. package/dist/primitives/scroll-area.d.ts +7 -0
  38. package/dist/primitives/scroll-area.d.ts.map +1 -0
  39. package/dist/primitives/scroll-area.js +10 -0
  40. package/dist/primitives/scroll-area.js.map +1 -0
  41. package/dist/primitives/stack.d.ts +9 -0
  42. package/dist/primitives/stack.d.ts.map +1 -0
  43. package/dist/primitives/stack.js +14 -0
  44. package/dist/primitives/stack.js.map +1 -0
  45. package/dist/primitives/status-badge.d.ts +42 -0
  46. package/dist/primitives/status-badge.d.ts.map +1 -0
  47. package/dist/primitives/status-badge.js +21 -0
  48. package/dist/primitives/status-badge.js.map +1 -0
  49. package/dist/primitives/surface.d.ts +201 -0
  50. package/dist/primitives/surface.d.ts.map +1 -0
  51. package/dist/primitives/surface.js +39 -0
  52. package/dist/primitives/surface.js.map +1 -0
  53. package/dist/primitives/text.d.ts +124 -0
  54. package/dist/primitives/text.d.ts.map +1 -0
  55. package/dist/primitives/text.js +30 -0
  56. package/dist/primitives/text.js.map +1 -0
  57. package/dist/theme-vars.d.ts +25 -0
  58. package/dist/theme-vars.d.ts.map +1 -0
  59. package/dist/theme-vars.js +24 -0
  60. package/dist/theme-vars.js.map +1 -0
  61. package/dist/widgets/filter-autocomplete.d.ts +21 -0
  62. package/dist/widgets/filter-autocomplete.d.ts.map +1 -0
  63. package/dist/widgets/filter-autocomplete.js +30 -0
  64. package/dist/widgets/filter-autocomplete.js.map +1 -0
  65. package/dist/widgets/index.d.ts +17 -0
  66. package/dist/widgets/index.d.ts.map +1 -0
  67. package/dist/widgets/index.js +17 -0
  68. package/dist/widgets/index.js.map +1 -0
  69. package/package.json +60 -7
  70. package/src/heroui-theme.css +40 -0
  71. package/src/tokens.css +143 -0
  72. package/dist/tamagui.config.d.ts +0 -117
  73. package/dist/tamagui.config.d.ts.map +0 -1
  74. package/dist/tamagui.config.js +0 -35
  75. package/dist/tamagui.config.js.map +0 -1
  76. package/dist/themes.d.ts +0 -5
  77. package/dist/themes.d.ts.map +0 -1
  78. package/dist/themes.js +0 -35
  79. package/dist/themes.js.map +0 -1
  80. package/dist/tokens.d.ts +0 -90
  81. package/dist/tokens.d.ts.map +0 -1
  82. package/dist/tokens.js +0 -34
  83. package/dist/tokens.js.map +0 -1
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
@@ -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
@@ -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
@@ -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"}