@nadicodeai/design-system 0.13.0 → 0.15.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 (36) hide show
  1. package/AGENTS.md +1 -1
  2. package/DESIGN.md +63 -47
  3. package/README.md +29 -0
  4. package/dist/assets/logo-lockup-inverse.png +0 -0
  5. package/dist/assets/logo-lockup-inverse.svg +4 -0
  6. package/dist/assets/logo-lockup-mono.png +0 -0
  7. package/dist/assets/logo-lockup-mono.svg +4 -0
  8. package/dist/assets/logo-lockup-on-verde.png +0 -0
  9. package/dist/assets/logo-lockup-on-verde.svg +4 -0
  10. package/dist/assets/logo-lockup.png +0 -0
  11. package/dist/assets/logo-lockup.svg +4 -0
  12. package/dist/assets/logo-mark-inverse.png +0 -0
  13. package/dist/assets/logo-mark-inverse.svg +6 -0
  14. package/dist/assets/logo-mark-mono.png +0 -0
  15. package/dist/assets/logo-mark-mono.svg +6 -0
  16. package/dist/assets/logo-mark-on-verde.png +0 -0
  17. package/dist/assets/logo-mark-on-verde.svg +6 -0
  18. package/dist/assets/logo-mark.png +0 -0
  19. package/dist/assets/logo-mark.svg +4 -4
  20. package/dist/assets/logo-wordmark-inverse.png +0 -0
  21. package/dist/assets/logo-wordmark-inverse.svg +4 -0
  22. package/dist/assets/logo-wordmark-mono.png +0 -0
  23. package/dist/assets/logo-wordmark-mono.svg +4 -0
  24. package/dist/assets/logo-wordmark-on-verde.png +0 -0
  25. package/dist/assets/logo-wordmark-on-verde.svg +4 -0
  26. package/dist/assets/logo-wordmark.png +0 -0
  27. package/dist/assets/logo-wordmark.svg +2 -2
  28. package/dist/css/index.css +41 -41
  29. package/dist/favicon/favicon.svg +1 -1
  30. package/dist/favicon/site.webmanifest +2 -2
  31. package/dist/tailwind/nadicode.tailwind.json +40 -40
  32. package/dist/tokens/nadicode.dtcg.json +150 -150
  33. package/package.json +91 -2
  34. package/src/assets/logo-geometry.d.ts +1 -0
  35. package/src/assets/logo-geometry.js +23 -1
  36. package/src/assets/logo-lockup.d.ts +2 -0
package/dist/tokens/nadicode.dtcg.json CHANGED
@@ -9,21 +9,21 @@
9
9
  "colorSpace": "srgb",
10
10
  "components": [
11
11
  0,
12
- 0.659,
13
- 0.353
12
+ 0.478,
13
+ 0.235
14
14
  ],
15
- "hex": "#00a85a"
15
+ "hex": "#007a3c"
16
16
  }
17
17
  },
18
18
  "on-primary": {
19
19
  "$value": {
20
20
  "colorSpace": "srgb",
21
21
  "components": [
22
- 0.059,
23
- 0.055,
24
- 0.043
22
+ 1,
23
+ 1,
24
+ 1
25
25
  ],
26
- "hex": "#0f0e0b"
26
+ "hex": "#ffffff"
27
27
  }
28
28
  },
29
29
  "action": {
@@ -31,21 +31,21 @@
31
31
  "colorSpace": "srgb",
32
32
  "components": [
33
33
  0,
34
- 0.659,
35
- 0.353
34
+ 0.478,
35
+ 0.235
36
36
  ],
37
- "hex": "#00a85a"
37
+ "hex": "#007a3c"
38
38
  }
39
39
  },
40
40
  "action-foreground": {
41
41
  "$value": {
42
42
  "colorSpace": "srgb",
43
43
  "components": [
44
- 0.059,
45
- 0.055,
46
- 0.043
44
+ 1,
45
+ 1,
46
+ 1
47
47
  ],
48
- "hex": "#0f0e0b"
48
+ "hex": "#ffffff"
49
49
  }
50
50
  },
51
51
  "action-hover": {
@@ -53,10 +53,10 @@
53
53
  "colorSpace": "srgb",
54
54
  "components": [
55
55
  0,
56
- 0.616,
57
- 0.329
56
+ 0.376,
57
+ 0.184
58
58
  ],
59
- "hex": "#009d54"
59
+ "hex": "#00602f"
60
60
  }
61
61
  },
62
62
  "action-active": {
@@ -64,43 +64,43 @@
64
64
  "colorSpace": "srgb",
65
65
  "components": [
66
66
  0,
67
- 0.584,
68
- 0.314
67
+ 0.188,
68
+ 0.102
69
69
  ],
70
- "hex": "#009550"
70
+ "hex": "#00301a"
71
71
  }
72
72
  },
73
73
  "ink": {
74
74
  "$value": {
75
75
  "colorSpace": "srgb",
76
76
  "components": [
77
- 0.059,
78
- 0.055,
79
- 0.043
77
+ 0.067,
78
+ 0.067,
79
+ 0.067
80
80
  ],
81
- "hex": "#0f0e0b"
81
+ "hex": "#111111"
82
82
  }
83
83
  },
84
84
  "body": {
85
85
  "$value": {
86
86
  "colorSpace": "srgb",
87
87
  "components": [
88
- 0.239,
89
- 0.235,
90
- 0.22
88
+ 0.267,
89
+ 0.267,
90
+ 0.267
91
91
  ],
92
- "hex": "#3d3c38"
92
+ "hex": "#444444"
93
93
  }
94
94
  },
95
95
  "muted": {
96
96
  "$value": {
97
97
  "colorSpace": "srgb",
98
98
  "components": [
99
- 0.455,
100
- 0.447,
99
+ 0.42,
100
+ 0.42,
101
101
  0.42
102
102
  ],
103
- "hex": "#74726b"
103
+ "hex": "#6b6b6b"
104
104
  }
105
105
  },
106
106
  "canvas": {
@@ -118,66 +118,66 @@
118
118
  "$value": {
119
119
  "colorSpace": "srgb",
120
120
  "components": [
121
- 0.969,
122
- 0.969,
123
- 0.957
121
+ 0.98,
122
+ 0.98,
123
+ 0.98
124
124
  ],
125
- "hex": "#f7f7f4"
125
+ "hex": "#fafafa"
126
126
  }
127
127
  },
128
128
  "canvas-soft-2": {
129
129
  "$value": {
130
130
  "colorSpace": "srgb",
131
131
  "components": [
132
- 0.937,
133
- 0.937,
134
- 0.914
132
+ 0.961,
133
+ 0.961,
134
+ 0.961
135
135
  ],
136
- "hex": "#efefe9"
136
+ "hex": "#f5f5f5"
137
137
  }
138
138
  },
139
139
  "line": {
140
140
  "$value": {
141
141
  "colorSpace": "srgb",
142
142
  "components": [
143
- 0.902,
144
- 0.902,
145
- 0.878
143
+ 0.898,
144
+ 0.898,
145
+ 0.898
146
146
  ],
147
- "hex": "#e6e6e0"
147
+ "hex": "#e5e5e5"
148
148
  }
149
149
  },
150
150
  "input": {
151
151
  "$value": {
152
152
  "colorSpace": "srgb",
153
153
  "components": [
154
- 0.455,
155
- 0.447,
156
- 0.427
154
+ 0.459,
155
+ 0.459,
156
+ 0.459
157
157
  ],
158
- "hex": "#74726d"
158
+ "hex": "#757575"
159
159
  }
160
160
  },
161
161
  "seam": {
162
162
  "$value": {
163
163
  "colorSpace": "srgb",
164
164
  "components": [
165
- 0.847,
166
- 0.847,
167
- 0.816
165
+ 0.831,
166
+ 0.831,
167
+ 0.831
168
168
  ],
169
- "hex": "#d8d8d0"
169
+ "hex": "#d4d4d4"
170
170
  }
171
171
  },
172
172
  "cross": {
173
173
  "$value": {
174
174
  "colorSpace": "srgb",
175
175
  "components": [
176
- 0.592,
177
- 0.584,
178
- 0.545
176
+ 0.6,
177
+ 0.6,
178
+ 0.6
179
179
  ],
180
- "hex": "#97958b"
180
+ "hex": "#999999"
181
181
  }
182
182
  },
183
183
  "focus-ring": {
@@ -195,11 +195,11 @@
195
195
  "$value": {
196
196
  "colorSpace": "srgb",
197
197
  "components": [
198
- 0.059,
199
- 0.055,
200
- 0.043
198
+ 0.067,
199
+ 0.067,
200
+ 0.067
201
201
  ],
202
- "hex": "#0f0e0b"
202
+ "hex": "#111111"
203
203
  }
204
204
  },
205
205
  "link": {
@@ -371,22 +371,22 @@
371
371
  "$value": {
372
372
  "colorSpace": "srgb",
373
373
  "components": [
374
- 0.059,
375
- 0.055,
376
- 0.043
374
+ 0.067,
375
+ 0.067,
376
+ 0.067
377
377
  ],
378
- "hex": "#0f0e0b"
378
+ "hex": "#111111"
379
379
  }
380
380
  },
381
381
  "selection-fg": {
382
382
  "$value": {
383
383
  "colorSpace": "srgb",
384
384
  "components": [
385
- 0.969,
386
- 0.969,
387
- 0.957
385
+ 0.98,
386
+ 0.98,
387
+ 0.98
388
388
  ],
389
- "hex": "#f7f7f4"
389
+ "hex": "#fafafa"
390
390
  }
391
391
  },
392
392
  "navigation-selection-bg": {
@@ -426,11 +426,11 @@
426
426
  "$value": {
427
427
  "colorSpace": "srgb",
428
428
  "components": [
429
- 0.455,
430
- 0.447,
429
+ 0.42,
430
+ 0.42,
431
431
  0.42
432
432
  ],
433
- "hex": "#74726b"
433
+ "hex": "#6b6b6b"
434
434
  }
435
435
  },
436
436
  "state-running": {
@@ -492,11 +492,11 @@
492
492
  "$value": {
493
493
  "colorSpace": "srgb",
494
494
  "components": [
495
- 0.969,
496
- 0.969,
497
- 0.957
495
+ 0.98,
496
+ 0.98,
497
+ 0.98
498
498
  ],
499
- "hex": "#f7f7f4"
499
+ "hex": "#fafafa"
500
500
  }
501
501
  },
502
502
  "campo-verde": {
@@ -558,11 +558,11 @@
558
558
  "$value": {
559
559
  "colorSpace": "srgb",
560
560
  "components": [
561
- 0.059,
562
- 0.055,
563
- 0.043
561
+ 0.067,
562
+ 0.067,
563
+ 0.067
564
564
  ],
565
- "hex": "#0f0e0b"
565
+ "hex": "#111111"
566
566
  }
567
567
  },
568
568
  "campo-bianco": {
@@ -712,11 +712,11 @@
712
712
  "$value": {
713
713
  "colorSpace": "srgb",
714
714
  "components": [
715
- 0.455,
716
- 0.447,
715
+ 0.42,
716
+ 0.42,
717
717
  0.42
718
718
  ],
719
- "hex": "#74726b"
719
+ "hex": "#6b6b6b"
720
720
  }
721
721
  },
722
722
  "chart-div-cool": {
@@ -734,55 +734,55 @@
734
734
  "$value": {
735
735
  "colorSpace": "srgb",
736
736
  "components": [
737
- 0.059,
738
- 0.059,
739
- 0.051
737
+ 0.039,
738
+ 0.039,
739
+ 0.039
740
740
  ],
741
- "hex": "#0f0f0d"
741
+ "hex": "#0a0a0a"
742
742
  }
743
743
  },
744
744
  "dark-canvas-soft": {
745
745
  "$value": {
746
746
  "colorSpace": "srgb",
747
747
  "components": [
748
- 0.09,
749
- 0.09,
750
- 0.078
748
+ 0.067,
749
+ 0.067,
750
+ 0.067
751
751
  ],
752
- "hex": "#171714"
752
+ "hex": "#111111"
753
753
  }
754
754
  },
755
755
  "dark-canvas-soft-2": {
756
756
  "$value": {
757
757
  "colorSpace": "srgb",
758
758
  "components": [
759
- 0.125,
760
- 0.125,
761
- 0.106
759
+ 0.102,
760
+ 0.102,
761
+ 0.102
762
762
  ],
763
- "hex": "#20201b"
763
+ "hex": "#1a1a1a"
764
764
  }
765
765
  },
766
766
  "dark-ink": {
767
767
  "$value": {
768
768
  "colorSpace": "srgb",
769
769
  "components": [
770
- 0.949,
771
- 0.949,
772
- 0.933
770
+ 0.929,
771
+ 0.929,
772
+ 0.929
773
773
  ],
774
- "hex": "#f2f2ee"
774
+ "hex": "#ededed"
775
775
  }
776
776
  },
777
777
  "dark-body": {
778
778
  "$value": {
779
779
  "colorSpace": "srgb",
780
780
  "components": [
781
- 0.792,
782
- 0.788,
783
- 0.765
781
+ 0.78,
782
+ 0.78,
783
+ 0.78
784
784
  ],
785
- "hex": "#cac9c3"
785
+ "hex": "#c7c7c7"
786
786
  }
787
787
  },
788
788
  "dark-muted": {
@@ -790,21 +790,21 @@
790
790
  "colorSpace": "srgb",
791
791
  "components": [
792
792
  0.561,
793
- 0.553,
794
- 0.518
793
+ 0.561,
794
+ 0.561
795
795
  ],
796
- "hex": "#8f8d84"
796
+ "hex": "#8f8f8f"
797
797
  }
798
798
  },
799
799
  "dark-line": {
800
800
  "$value": {
801
801
  "colorSpace": "srgb",
802
802
  "components": [
803
- 0.165,
804
- 0.165,
803
+ 0.149,
804
+ 0.149,
805
805
  0.149
806
806
  ],
807
- "hex": "#2a2a26"
807
+ "hex": "#262626"
808
808
  }
809
809
  },
810
810
  "dark-input": {
@@ -812,21 +812,21 @@
812
812
  "colorSpace": "srgb",
813
813
  "components": [
814
814
  0.412,
815
- 0.408,
816
- 0.388
815
+ 0.412,
816
+ 0.412
817
817
  ],
818
- "hex": "#696863"
818
+ "hex": "#696969"
819
819
  }
820
820
  },
821
821
  "dark-seam": {
822
822
  "$value": {
823
823
  "colorSpace": "srgb",
824
824
  "components": [
825
- 0.125,
826
- 0.125,
827
- 0.106
825
+ 0.102,
826
+ 0.102,
827
+ 0.102
828
828
  ],
829
- "hex": "#20201b"
829
+ "hex": "#1a1a1a"
830
830
  }
831
831
  },
832
832
  "dark-primary": {
@@ -844,11 +844,11 @@
844
844
  "$value": {
845
845
  "colorSpace": "srgb",
846
846
  "components": [
847
- 0.059,
848
- 0.059,
849
- 0.051
847
+ 0.039,
848
+ 0.039,
849
+ 0.039
850
850
  ],
851
- "hex": "#0f0f0d"
851
+ "hex": "#0a0a0a"
852
852
  }
853
853
  },
854
854
  "dark-action": {
@@ -866,11 +866,11 @@
866
866
  "$value": {
867
867
  "colorSpace": "srgb",
868
868
  "components": [
869
- 0.059,
870
- 0.059,
871
- 0.051
869
+ 0.039,
870
+ 0.039,
871
+ 0.039
872
872
  ],
873
- "hex": "#0f0f0d"
873
+ "hex": "#0a0a0a"
874
874
  }
875
875
  },
876
876
  "dark-action-hover": {
@@ -943,11 +943,11 @@
943
943
  "$value": {
944
944
  "colorSpace": "srgb",
945
945
  "components": [
946
- 0.949,
947
- 0.949,
948
- 0.933
946
+ 0.929,
947
+ 0.929,
948
+ 0.929
949
949
  ],
950
- "hex": "#f2f2ee"
950
+ "hex": "#ededed"
951
951
  }
952
952
  },
953
953
  "dark-error": {
@@ -1097,11 +1097,11 @@
1097
1097
  "$value": {
1098
1098
  "colorSpace": "srgb",
1099
1099
  "components": [
1100
- 0.455,
1101
- 0.447,
1102
- 0.42
1100
+ 0.459,
1101
+ 0.459,
1102
+ 0.459
1103
1103
  ],
1104
- "hex": "#74726b"
1104
+ "hex": "#757575"
1105
1105
  }
1106
1106
  },
1107
1107
  "dark-state-running": {
@@ -1152,22 +1152,22 @@
1152
1152
  "$value": {
1153
1153
  "colorSpace": "srgb",
1154
1154
  "components": [
1155
- 0.949,
1156
- 0.949,
1157
- 0.933
1155
+ 0.929,
1156
+ 0.929,
1157
+ 0.929
1158
1158
  ],
1159
- "hex": "#f2f2ee"
1159
+ "hex": "#ededed"
1160
1160
  }
1161
1161
  },
1162
1162
  "dark-selection-fg": {
1163
1163
  "$value": {
1164
1164
  "colorSpace": "srgb",
1165
1165
  "components": [
1166
- 0.059,
1167
- 0.059,
1168
- 0.051
1166
+ 0.039,
1167
+ 0.039,
1168
+ 0.039
1169
1169
  ],
1170
- "hex": "#0f0f0d"
1170
+ "hex": "#0a0a0a"
1171
1171
  }
1172
1172
  },
1173
1173
  "dark-navigation-selection-bg": {
@@ -1185,11 +1185,11 @@
1185
1185
  "$value": {
1186
1186
  "colorSpace": "srgb",
1187
1187
  "components": [
1188
- 0.949,
1189
- 0.949,
1190
- 0.933
1188
+ 0.929,
1189
+ 0.929,
1190
+ 0.929
1191
1191
  ],
1192
- "hex": "#f2f2ee"
1192
+ "hex": "#ededed"
1193
1193
  }
1194
1194
  },
1195
1195
  "dark-navigation-selection-hover": {
@@ -1207,11 +1207,11 @@
1207
1207
  "$value": {
1208
1208
  "colorSpace": "srgb",
1209
1209
  "components": [
1210
- 0.337,
1211
- 0.325,
1212
- 0.286
1210
+ 0.333,
1211
+ 0.333,
1212
+ 0.333
1213
1213
  ],
1214
- "hex": "#565349"
1214
+ "hex": "#555555"
1215
1215
  }
1216
1216
  },
1217
1217
  "dark-chart-1": {
@@ -1350,11 +1350,11 @@
1350
1350
  "$value": {
1351
1351
  "colorSpace": "srgb",
1352
1352
  "components": [
1353
- 0.902,
1354
- 0.902,
1355
- 0.878
1353
+ 0.898,
1354
+ 0.898,
1355
+ 0.898
1356
1356
  ],
1357
- "hex": "#e6e6e0"
1357
+ "hex": "#e5e5e5"
1358
1358
  }
1359
1359
  },
1360
1360
  "dark-chart-div-cool": {