@nadicodeai/design-system 0.10.2 → 0.11.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 (51) hide show
  1. package/AGENTS.md +30 -101
  2. package/CONTEXT.md +75 -0
  3. package/DESIGN.md +180 -345
  4. package/README.md +27 -54
  5. package/dist/assets/logo-mark.svg +6 -0
  6. package/dist/assets/logo-wordmark.svg +4 -0
  7. package/dist/assets/nadia-canonical-face.png +0 -0
  8. package/dist/css/chat-autoplay.js +18 -27
  9. package/dist/css/index.css +2540 -56
  10. package/dist/favicon/apple-touch-icon.png +0 -0
  11. package/dist/favicon/favicon.ico +0 -0
  12. package/dist/favicon/favicon.svg +6 -16
  13. package/dist/favicon/icon-192.png +0 -0
  14. package/dist/favicon/icon-512.png +0 -0
  15. package/dist/favicon/site.webmanifest +2 -2
  16. package/dist/tailwind/nadicode.tailwind.json +98 -143
  17. package/dist/tokens/nadicode.dtcg.json +413 -908
  18. package/package.json +19 -11
  19. package/src/assets/logo-geometry.d.ts +27 -0
  20. package/src/assets/logo-geometry.js +204 -0
  21. package/src/assets/nadia-canonical-face.d.ts +2 -0
  22. package/dist/css/components/.gitkeep +0 -0
  23. package/dist/css/components/agent-avatar.css +0 -52
  24. package/dist/css/components/approval-gate.css +0 -145
  25. package/dist/css/components/artifact-preview.css +0 -81
  26. package/dist/css/components/chat-bubble-agent.css +0 -63
  27. package/dist/css/components/chat-bubble-user.css +0 -28
  28. package/dist/css/components/chat-thread.css +0 -159
  29. package/dist/css/components/handoff-banner.css +0 -37
  30. package/dist/css/components/image.css +0 -87
  31. package/dist/css/components/memory-item.css +0 -36
  32. package/dist/css/components/run-timeline.css +0 -160
  33. package/dist/css/components/state-row.css +0 -64
  34. package/dist/css/components/state-tag.css +0 -67
  35. package/dist/css/components/status-tag.css +0 -101
  36. package/dist/css/components/tool-call-trace.css +0 -36
  37. package/dist/css/components/typing-dots.css +0 -54
  38. package/dist/css/components/usage-meter.css +0 -63
  39. package/dist/css/foundation.css +0 -177
  40. package/dist/css/layout.css +0 -657
  41. package/dist/css/motion.css +0 -225
  42. package/dist/css/primitives.css +0 -333
  43. package/dist/css/reset.css +0 -22
  44. package/dist/css/tokens.generated.css +0 -349
  45. package/dist/css/tokens.local.css +0 -11
  46. package/dist/tailwind/nadicode.theme.css +0 -596
  47. package/src/assets/favicon.svg +0 -17
  48. package/src/assets/logo-mark.svg +0 -15
  49. package/src/assets/logo-wordmark.svg +0 -26
  50. package/src/assets/nadia.d.ts +0 -9
  51. package/src/assets/nadia.png +0 -0
Binary file
Binary file
@@ -1,17 +1,7 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" role="img" aria-label="NadicodeAI">
2
- <!-- Ink tile carrying the counterform pair: white human side, gradient agent side
3
- (brighter green range for contrast on ink). generate-favicons.ts squares the
4
- corner (rx 7 -> 0) for the full-bleed apple-touch / PWA variants. -->
5
- <defs>
6
- <linearGradient id="nc-agent-f" x1="0" y1="0" x2="1" y2="1">
7
- <stop offset="0" stop-color="#007a3c"/>
8
- <stop offset="0.55" stop-color="#00a07a"/>
9
- <stop offset="1" stop-color="#00b389"/>
10
- </linearGradient>
11
- </defs>
12
- <rect id="tile" width="32" height="32" rx="7" fill="#171717"/>
13
- <g transform="translate(-7.52,-7.52) scale(0.294)">
14
- <path d="M 65.8 46 H 100 V 104.3 Z" fill="#ffffff"/>
15
- <path d="M 60 55.9 V 114 H 94.2 Z" fill="url(#nc-agent-f)"/>
16
- </g>
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="NadicodeAI">
2
+ <rect width="160" height="160" rx="35" fill="#0f0e0b"/>
3
+ <clipPath id="mark-overlap"><rect x="58" y="84" width="26" height="26"/></clipPath>
4
+ <rect fill="none" stroke="#ffffff" stroke-width="10" x="42" y="50" width="46" height="46" rx="13"/>
5
+ <rect fill="none" stroke="#2fd584" stroke-width="10" x="72" y="64" width="46" height="46" rx="13"/>
6
+ <rect fill="none" stroke="#ffffff" stroke-width="10" x="42" y="50" width="46" height="46" rx="13" clip-path="url(#mark-overlap)"/>
17
7
  </svg>
Binary file
Binary file
@@ -13,7 +13,7 @@
13
13
  "type": "image/png"
14
14
  }
15
15
  ],
16
- "theme_color": "#171717",
17
- "background_color": "#171717",
16
+ "theme_color": "#0f0e0b",
17
+ "background_color": "#0f0e0b",
18
18
  "display": "standalone"
19
19
  }
@@ -2,107 +2,59 @@
2
2
  "theme": {
3
3
  "extend": {
4
4
  "colors": {
5
- "primary": "#008c45",
6
- "on-primary": "#ffffff",
7
- "action": "#007a3c",
8
- "action-foreground": "#ffffff",
9
- "action-hover": "#00602f",
10
- "action-active": "#00301a",
11
- "ink": "#171717",
12
- "body": "#4d4d4d",
13
- "muted": "#888888",
5
+ "primary": "#00a85a",
6
+ "on-primary": "#0f0e0b",
7
+ "action": "#00a85a",
8
+ "action-foreground": "#0f0e0b",
9
+ "action-hover": "#009d54",
10
+ "action-active": "#009550",
11
+ "ink": "#0f0e0b",
12
+ "body": "#3d3c38",
13
+ "muted": "#74726b",
14
14
  "canvas": "#ffffff",
15
- "canvas-soft": "#fafafa",
16
- "canvas-soft-2": "#f5f5f5",
17
- "line": "#e5e5e5",
18
- "input": "#8f8f8f",
19
- "seam": "#e4e7ec",
20
- "cross": "#a1a1a1",
21
- "focus-ring": "#007a3c",
22
- "scrim": "#171717",
23
- "link": "#007a3c",
24
- "link-deep": "#00602f",
25
- "link-bg-soft": "#d9f6e4",
26
- "accent": "#cd212a",
27
- "info": "#2743d8",
28
- "success": "#008c45",
29
- "error": "#b80022",
30
- "error-soft": "#fce4e4",
31
- "error-deep": "#9c001d",
32
- "warning": "#f5a623",
33
- "warning-soft": "#fff1cf",
34
- "warning-deep": "#8f4a06",
35
- "flag-red": "#cd212a",
36
- "selection-bg": "#171717",
37
- "selection-fg": "#f2f2f2",
38
- "state-ready": "#4d4d4d",
39
- "state-running": "#2743d8",
40
- "state-review": "#f5a623",
41
- "state-blocked": "#b80022",
42
- "state-complete": "#008c45",
15
+ "canvas-soft": "#f7f7f4",
16
+ "canvas-soft-2": "#efefe9",
17
+ "line": "#e6e6e0",
18
+ "input": "#74726d",
19
+ "seam": "#d8d8d0",
20
+ "cross": "#97958b",
21
+ "focus-ring": "#00713d",
22
+ "scrim": "#0f0e0b",
23
+ "link": "#00713d",
24
+ "link-deep": "#00522c",
25
+ "link-bg-soft": "#c6efd9",
26
+ "accent": "#ff5a1f",
27
+ "info": "#1e3cff",
28
+ "info-soft": "#e8ecff",
29
+ "info-deep": "#0e1d8a",
30
+ "success": "#00a85a",
31
+ "error": "#d3302f",
32
+ "error-soft": "#fdeaea",
33
+ "error-deep": "#8f1a19",
34
+ "warning": "#ffc220",
35
+ "warning-soft": "#fff3d1",
36
+ "warning-deep": "#7a5800",
37
+ "flag-red": "#d3302f",
38
+ "selection-bg": "#0f0e0b",
39
+ "selection-fg": "#f7f7f4",
40
+ "state-ready": "#74726b",
41
+ "state-running": "#1e3cff",
42
+ "state-review": "#ffc220",
43
+ "state-blocked": "#d3302f",
44
+ "state-complete": "#00a85a",
43
45
  "background-100": "#ffffff",
44
- "background-200": "#fafafa",
45
- "gray-100": "#f2f2f2",
46
- "gray-200": "#ebebeb",
47
- "gray-300": "#e6e6e6",
48
- "gray-400": "#eaeaea",
49
- "gray-500": "#c9c9c9",
50
- "gray-600": "#a8a8a8",
51
- "gray-700": "#8f8f8f",
52
- "gray-800": "#7d7d7d",
53
- "gray-900": "#4d4d4d",
54
- "gray-1000": "#171717",
55
- "green-italia-100": "#e8faef",
56
- "green-italia-200": "#d9f6e4",
57
- "green-italia-300": "#c3f0d4",
58
- "green-italia-400": "#9fe6bc",
59
- "green-italia-500": "#62d494",
60
- "green-italia-600": "#17b568",
61
- "green-italia-700": "#008c45",
62
- "green-italia-800": "#007a3c",
63
- "green-italia-900": "#00602f",
64
- "green-italia-1000": "#00301a",
65
- "red-italia-100": "#fdeeee",
66
- "red-italia-200": "#fce4e4",
67
- "red-italia-300": "#fad3d4",
68
- "red-italia-400": "#f7b3b5",
69
- "red-italia-500": "#f28085",
70
- "red-italia-600": "#e84e57",
71
- "red-italia-700": "#cd212a",
72
- "red-italia-800": "#b80022",
73
- "red-italia-900": "#9c001d",
74
- "red-italia-1000": "#4a000e",
75
- "blue-cobalto-100": "#eef2ff",
76
- "blue-cobalto-200": "#e2e9fe",
77
- "blue-cobalto-300": "#cdd9fd",
78
- "blue-cobalto-400": "#a9befa",
79
- "blue-cobalto-500": "#7d99f2",
80
- "blue-cobalto-600": "#4f6ae6",
81
- "blue-cobalto-700": "#2743d8",
82
- "blue-cobalto-800": "#1d33ad",
83
- "blue-cobalto-900": "#16277f",
84
- "blue-cobalto-1000": "#0a1240",
85
- "amber-100": "#fff6e1",
86
- "amber-200": "#fff1cf",
87
- "amber-300": "#ffe9b3",
88
- "amber-400": "#ffd97d",
89
- "amber-500": "#ffc933",
90
- "amber-600": "#f5a623",
91
- "amber-700": "#d98800",
92
- "amber-800": "#b36b00",
93
- "amber-900": "#8f4a06",
94
- "amber-1000": "#452301",
95
- "campo-verde": "#008c45",
96
- "campo-rosso": "#cd212a",
97
- "campo-arancio": "#e4530b",
98
- "campo-giallo": "#f2b705",
99
- "campo-cobalto": "#2743d8",
100
- "campo-inchiostro": "#171717",
46
+ "background-200": "#f7f7f4",
47
+ "campo-verde": "#00a85a",
48
+ "campo-rosso": "#d3302f",
49
+ "campo-arancio": "#ff5a1f",
50
+ "campo-giallo": "#ffc220",
51
+ "campo-cobalto": "#1e3cff",
52
+ "campo-inchiostro": "#0f0e0b",
101
53
  "campo-bianco": "#ffffff",
102
- "chart-1": "#2743d8",
103
- "chart-2": "#008c45",
104
- "chart-3": "#f5a623",
105
- "chart-4": "#cd212a",
54
+ "chart-1": "#1e3cff",
55
+ "chart-2": "#00a85a",
56
+ "chart-3": "#ffc220",
57
+ "chart-4": "#d3302f",
106
58
  "chart-5": "#00838f",
107
59
  "chart-6": "#6f42c1",
108
60
  "chart-seq-1": "#7d99f2",
@@ -110,51 +62,54 @@
110
62
  "chart-seq-3": "#2743d8",
111
63
  "chart-seq-4": "#1d33ad",
112
64
  "chart-seq-5": "#16277f",
113
- "chart-div-warm": "#d98800",
114
- "chart-div-mid": "#8f8f8f",
115
- "chart-div-cool": "#7d99f2",
116
- "dark-canvas": "#0a0a0a",
117
- "dark-canvas-soft": "#171717",
118
- "dark-canvas-soft-2": "#262626",
119
- "dark-ink": "#f5f5f5",
120
- "dark-body": "#d4d4d4",
121
- "dark-muted": "#a3a3a3",
122
- "dark-line": "#2e2e2e",
123
- "dark-input": "#5d5d5d",
124
- "dark-seam": "#1f1f1f",
125
- "dark-primary": "#ededed",
126
- "dark-on-primary": "#0a0a0a",
127
- "dark-action": "#ededed",
128
- "dark-action-foreground": "#0a0a0a",
129
- "dark-action-hover": "#d4d4d4",
130
- "dark-action-active": "#a3a3a3",
131
- "dark-link": "#9fe6bc",
132
- "dark-link-deep": "#c3f0d4",
133
- "dark-link-bg-soft": "#00301a",
134
- "dark-focus-ring": "#9fe6bc",
135
- "dark-scrim": "#f5f5f5",
136
- "dark-error": "#f7b3b5",
137
- "dark-error-soft": "#4a000e",
138
- "dark-error-deep": "#fad3d4",
139
- "dark-warning": "#ffd97d",
140
- "dark-warning-soft": "#452301",
141
- "dark-warning-deep": "#ffe9b3",
65
+ "chart-div-warm": "#e0a600",
66
+ "chart-div-mid": "#74726b",
67
+ "chart-div-cool": "#4d6bff",
68
+ "dark-canvas": "#0f0f0d",
69
+ "dark-canvas-soft": "#171714",
70
+ "dark-canvas-soft-2": "#20201b",
71
+ "dark-ink": "#f2f2ee",
72
+ "dark-body": "#cac9c3",
73
+ "dark-muted": "#8f8d84",
74
+ "dark-line": "#2a2a26",
75
+ "dark-input": "#696863",
76
+ "dark-seam": "#20201b",
77
+ "dark-primary": "#2fd584",
78
+ "dark-on-primary": "#0f0f0d",
79
+ "dark-action": "#2fd584",
80
+ "dark-action-foreground": "#0f0f0d",
81
+ "dark-action-hover": "#4ecf8c",
82
+ "dark-action-active": "#17bd68",
83
+ "dark-link": "#4ecf8c",
84
+ "dark-link-deep": "#93e3b8",
85
+ "dark-link-bg-soft": "#00351c",
86
+ "dark-focus-ring": "#4ecf8c",
87
+ "dark-scrim": "#f2f2ee",
88
+ "dark-error": "#f5a3a1",
89
+ "dark-error-soft": "#380a09",
90
+ "dark-error-deep": "#fbcccb",
91
+ "dark-warning": "#ffd866",
92
+ "dark-warning-soft": "#402e00",
93
+ "dark-warning-deep": "#ffe7a3",
94
+ "dark-info": "#8098ff",
95
+ "dark-info-soft": "#070f47",
96
+ "dark-info-deep": "#b3c1ff",
142
97
  "dark-cyan": "#33d1cb",
143
98
  "dark-cyan-soft": "#7ee8de",
144
99
  "dark-cyan-deep": "#1f9e9a",
145
- "dark-success": "#62d494",
146
- "dark-state-ready": "#8f8f8f",
147
- "dark-state-running": "#4f6ae6",
148
- "dark-state-review": "#f5a623",
149
- "dark-state-blocked": "#cd212a",
150
- "dark-state-complete": "#008c45",
151
- "dark-selection-bg": "#ededed",
152
- "dark-selection-fg": "#0a0a0a",
153
- "dark-cross": "#6e6e6e",
154
- "dark-chart-1": "#7d99f2",
155
- "dark-chart-2": "#17b568",
156
- "dark-chart-3": "#ffd97d",
157
- "dark-chart-4": "#f28085",
100
+ "dark-success": "#17bd68",
101
+ "dark-state-ready": "#74726b",
102
+ "dark-state-running": "#4d6bff",
103
+ "dark-state-review": "#ffc220",
104
+ "dark-state-blocked": "#d3302f",
105
+ "dark-state-complete": "#00a85a",
106
+ "dark-selection-bg": "#f2f2ee",
107
+ "dark-selection-fg": "#0f0f0d",
108
+ "dark-cross": "#565349",
109
+ "dark-chart-1": "#4d6bff",
110
+ "dark-chart-2": "#00a85a",
111
+ "dark-chart-3": "#ffd866",
112
+ "dark-chart-4": "#e8615f",
158
113
  "dark-chart-5": "#33d1cb",
159
114
  "dark-chart-6": "#9575cd",
160
115
  "dark-chart-seq-1": "#4f6ae6",
@@ -162,9 +117,9 @@
162
117
  "dark-chart-seq-3": "#a9befa",
163
118
  "dark-chart-seq-4": "#cdd9fd",
164
119
  "dark-chart-seq-5": "#eef2ff",
165
- "dark-chart-div-warm": "#ffd97d",
166
- "dark-chart-div-mid": "#e6e6e6",
167
- "dark-chart-div-cool": "#cdd9fd"
120
+ "dark-chart-div-warm": "#ffd866",
121
+ "dark-chart-div-mid": "#e6e6e0",
122
+ "dark-chart-div-cool": "#b3c1ff"
168
123
  },
169
124
  "fontFamily": {
170
125
  "display-xl": [