@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.
- package/AGENTS.md +30 -101
- package/CONTEXT.md +75 -0
- package/DESIGN.md +180 -345
- package/README.md +27 -54
- package/dist/assets/logo-mark.svg +6 -0
- package/dist/assets/logo-wordmark.svg +4 -0
- package/dist/assets/nadia-canonical-face.png +0 -0
- package/dist/css/chat-autoplay.js +18 -27
- package/dist/css/index.css +2540 -56
- package/dist/favicon/apple-touch-icon.png +0 -0
- package/dist/favicon/favicon.ico +0 -0
- package/dist/favicon/favicon.svg +6 -16
- package/dist/favicon/icon-192.png +0 -0
- package/dist/favicon/icon-512.png +0 -0
- package/dist/favicon/site.webmanifest +2 -2
- package/dist/tailwind/nadicode.tailwind.json +98 -143
- package/dist/tokens/nadicode.dtcg.json +413 -908
- package/package.json +19 -11
- package/src/assets/logo-geometry.d.ts +27 -0
- package/src/assets/logo-geometry.js +204 -0
- package/src/assets/nadia-canonical-face.d.ts +2 -0
- package/dist/css/components/.gitkeep +0 -0
- package/dist/css/components/agent-avatar.css +0 -52
- package/dist/css/components/approval-gate.css +0 -145
- package/dist/css/components/artifact-preview.css +0 -81
- package/dist/css/components/chat-bubble-agent.css +0 -63
- package/dist/css/components/chat-bubble-user.css +0 -28
- package/dist/css/components/chat-thread.css +0 -159
- package/dist/css/components/handoff-banner.css +0 -37
- package/dist/css/components/image.css +0 -87
- package/dist/css/components/memory-item.css +0 -36
- package/dist/css/components/run-timeline.css +0 -160
- package/dist/css/components/state-row.css +0 -64
- package/dist/css/components/state-tag.css +0 -67
- package/dist/css/components/status-tag.css +0 -101
- package/dist/css/components/tool-call-trace.css +0 -36
- package/dist/css/components/typing-dots.css +0 -54
- package/dist/css/components/usage-meter.css +0 -63
- package/dist/css/foundation.css +0 -177
- package/dist/css/layout.css +0 -657
- package/dist/css/motion.css +0 -225
- package/dist/css/primitives.css +0 -333
- package/dist/css/reset.css +0 -22
- package/dist/css/tokens.generated.css +0 -349
- package/dist/css/tokens.local.css +0 -11
- package/dist/tailwind/nadicode.theme.css +0 -596
- package/src/assets/favicon.svg +0 -17
- package/src/assets/logo-mark.svg +0 -15
- package/src/assets/logo-wordmark.svg +0 -26
- package/src/assets/nadia.d.ts +0 -9
- package/src/assets/nadia.png +0 -0
|
Binary file
|
package/dist/favicon/favicon.ico
CHANGED
|
Binary file
|
package/dist/favicon/favicon.svg
CHANGED
|
@@ -1,17 +1,7 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
<
|
|
6
|
-
|
|
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
|
|
@@ -2,107 +2,59 @@
|
|
|
2
2
|
"theme": {
|
|
3
3
|
"extend": {
|
|
4
4
|
"colors": {
|
|
5
|
-
"primary": "#
|
|
6
|
-
"on-primary": "#
|
|
7
|
-
"action": "#
|
|
8
|
-
"action-foreground": "#
|
|
9
|
-
"action-hover": "#
|
|
10
|
-
"action-active": "#
|
|
11
|
-
"ink": "#
|
|
12
|
-
"body": "#
|
|
13
|
-
"muted": "#
|
|
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": "#
|
|
16
|
-
"canvas-soft-2": "#
|
|
17
|
-
"line": "#
|
|
18
|
-
"input": "#
|
|
19
|
-
"seam": "#
|
|
20
|
-
"cross": "#
|
|
21
|
-
"focus-ring": "#
|
|
22
|
-
"scrim": "#
|
|
23
|
-
"link": "#
|
|
24
|
-
"link-deep": "#
|
|
25
|
-
"link-bg-soft": "#
|
|
26
|
-
"accent": "#
|
|
27
|
-
"info": "#
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"error
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"warning
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"state-
|
|
41
|
-
"state-
|
|
42
|
-
"state-
|
|
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": "#
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
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": "#
|
|
103
|
-
"chart-2": "#
|
|
104
|
-
"chart-3": "#
|
|
105
|
-
"chart-4": "#
|
|
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": "#
|
|
114
|
-
"chart-div-mid": "#
|
|
115
|
-
"chart-div-cool": "#
|
|
116
|
-
"dark-canvas": "#
|
|
117
|
-
"dark-canvas-soft": "#
|
|
118
|
-
"dark-canvas-soft-2": "#
|
|
119
|
-
"dark-ink": "#
|
|
120
|
-
"dark-body": "#
|
|
121
|
-
"dark-muted": "#
|
|
122
|
-
"dark-line": "#
|
|
123
|
-
"dark-input": "#
|
|
124
|
-
"dark-seam": "#
|
|
125
|
-
"dark-primary": "#
|
|
126
|
-
"dark-on-primary": "#
|
|
127
|
-
"dark-action": "#
|
|
128
|
-
"dark-action-foreground": "#
|
|
129
|
-
"dark-action-hover": "#
|
|
130
|
-
"dark-action-active": "#
|
|
131
|
-
"dark-link": "#
|
|
132
|
-
"dark-link-deep": "#
|
|
133
|
-
"dark-link-bg-soft": "#
|
|
134
|
-
"dark-focus-ring": "#
|
|
135
|
-
"dark-scrim": "#
|
|
136
|
-
"dark-error": "#
|
|
137
|
-
"dark-error-soft": "#
|
|
138
|
-
"dark-error-deep": "#
|
|
139
|
-
"dark-warning": "#
|
|
140
|
-
"dark-warning-soft": "#
|
|
141
|
-
"dark-warning-deep": "#
|
|
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": "#
|
|
146
|
-
"dark-state-ready": "#
|
|
147
|
-
"dark-state-running": "#
|
|
148
|
-
"dark-state-review": "#
|
|
149
|
-
"dark-state-blocked": "#
|
|
150
|
-
"dark-state-complete": "#
|
|
151
|
-
"dark-selection-bg": "#
|
|
152
|
-
"dark-selection-fg": "#
|
|
153
|
-
"dark-cross": "#
|
|
154
|
-
"dark-chart-1": "#
|
|
155
|
-
"dark-chart-2": "#
|
|
156
|
-
"dark-chart-3": "#
|
|
157
|
-
"dark-chart-4": "#
|
|
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": "#
|
|
166
|
-
"dark-chart-div-mid": "#
|
|
167
|
-
"dark-chart-div-cool": "#
|
|
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": [
|