@sudajs/cli 0.17.1 → 0.18.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/index.d.ts +102 -2
- package/package.json +2 -2
- package/templates/theme/AGENTS.md +4 -4
- package/templates/theme/src/manifest.ts +4 -0
package/dist/index.d.ts
CHANGED
|
@@ -1001,11 +1001,13 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1001
1001
|
label: z.ZodString;
|
|
1002
1002
|
description: z.ZodOptional<z.ZodString>;
|
|
1003
1003
|
tokens: z.ZodObject<{
|
|
1004
|
-
colors: z.ZodObject<{
|
|
1004
|
+
colors: z.ZodEffects<z.ZodObject<{
|
|
1005
1005
|
background: z.ZodString;
|
|
1006
1006
|
foreground: z.ZodString;
|
|
1007
1007
|
primary: z.ZodString;
|
|
1008
1008
|
primaryForeground: z.ZodString;
|
|
1009
|
+
secondary: z.ZodOptional<z.ZodString>;
|
|
1010
|
+
secondaryForeground: z.ZodOptional<z.ZodString>;
|
|
1009
1011
|
accent: z.ZodString;
|
|
1010
1012
|
accentForeground: z.ZodString;
|
|
1011
1013
|
muted: z.ZodString;
|
|
@@ -1019,6 +1021,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1019
1021
|
accentForeground: string;
|
|
1020
1022
|
muted: string;
|
|
1021
1023
|
mutedForeground: string;
|
|
1024
|
+
secondary?: string | undefined;
|
|
1025
|
+
secondaryForeground?: string | undefined;
|
|
1022
1026
|
}, {
|
|
1023
1027
|
background: string;
|
|
1024
1028
|
foreground: string;
|
|
@@ -1028,6 +1032,30 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1028
1032
|
accentForeground: string;
|
|
1029
1033
|
muted: string;
|
|
1030
1034
|
mutedForeground: string;
|
|
1035
|
+
secondary?: string | undefined;
|
|
1036
|
+
secondaryForeground?: string | undefined;
|
|
1037
|
+
}>, {
|
|
1038
|
+
secondary: string;
|
|
1039
|
+
secondaryForeground: string;
|
|
1040
|
+
background: string;
|
|
1041
|
+
foreground: string;
|
|
1042
|
+
primary: string;
|
|
1043
|
+
primaryForeground: string;
|
|
1044
|
+
accent: string;
|
|
1045
|
+
accentForeground: string;
|
|
1046
|
+
muted: string;
|
|
1047
|
+
mutedForeground: string;
|
|
1048
|
+
}, {
|
|
1049
|
+
background: string;
|
|
1050
|
+
foreground: string;
|
|
1051
|
+
primary: string;
|
|
1052
|
+
primaryForeground: string;
|
|
1053
|
+
accent: string;
|
|
1054
|
+
accentForeground: string;
|
|
1055
|
+
muted: string;
|
|
1056
|
+
mutedForeground: string;
|
|
1057
|
+
secondary?: string | undefined;
|
|
1058
|
+
secondaryForeground?: string | undefined;
|
|
1031
1059
|
}>;
|
|
1032
1060
|
radius: z.ZodObject<{
|
|
1033
1061
|
card: z.ZodString;
|
|
@@ -1044,6 +1072,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1044
1072
|
}>;
|
|
1045
1073
|
}, "strip", z.ZodTypeAny, {
|
|
1046
1074
|
colors: {
|
|
1075
|
+
secondary: string;
|
|
1076
|
+
secondaryForeground: string;
|
|
1047
1077
|
background: string;
|
|
1048
1078
|
foreground: string;
|
|
1049
1079
|
primary: string;
|
|
@@ -1068,6 +1098,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1068
1098
|
accentForeground: string;
|
|
1069
1099
|
muted: string;
|
|
1070
1100
|
mutedForeground: string;
|
|
1101
|
+
secondary?: string | undefined;
|
|
1102
|
+
secondaryForeground?: string | undefined;
|
|
1071
1103
|
};
|
|
1072
1104
|
radius: {
|
|
1073
1105
|
input: string;
|
|
@@ -1080,6 +1112,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1080
1112
|
id: string;
|
|
1081
1113
|
tokens: {
|
|
1082
1114
|
colors: {
|
|
1115
|
+
secondary: string;
|
|
1116
|
+
secondaryForeground: string;
|
|
1083
1117
|
background: string;
|
|
1084
1118
|
foreground: string;
|
|
1085
1119
|
primary: string;
|
|
@@ -1109,6 +1143,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1109
1143
|
accentForeground: string;
|
|
1110
1144
|
muted: string;
|
|
1111
1145
|
mutedForeground: string;
|
|
1146
|
+
secondary?: string | undefined;
|
|
1147
|
+
secondaryForeground?: string | undefined;
|
|
1112
1148
|
};
|
|
1113
1149
|
radius: {
|
|
1114
1150
|
input: string;
|
|
@@ -1126,6 +1162,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1126
1162
|
id: string;
|
|
1127
1163
|
tokens: {
|
|
1128
1164
|
colors: {
|
|
1165
|
+
secondary: string;
|
|
1166
|
+
secondaryForeground: string;
|
|
1129
1167
|
background: string;
|
|
1130
1168
|
foreground: string;
|
|
1131
1169
|
primary: string;
|
|
@@ -1159,6 +1197,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1159
1197
|
accentForeground: string;
|
|
1160
1198
|
muted: string;
|
|
1161
1199
|
mutedForeground: string;
|
|
1200
|
+
secondary?: string | undefined;
|
|
1201
|
+
secondaryForeground?: string | undefined;
|
|
1162
1202
|
};
|
|
1163
1203
|
radius: {
|
|
1164
1204
|
input: string;
|
|
@@ -1176,6 +1216,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1176
1216
|
id: string;
|
|
1177
1217
|
tokens: {
|
|
1178
1218
|
colors: {
|
|
1219
|
+
secondary: string;
|
|
1220
|
+
secondaryForeground: string;
|
|
1179
1221
|
background: string;
|
|
1180
1222
|
foreground: string;
|
|
1181
1223
|
primary: string;
|
|
@@ -1209,6 +1251,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1209
1251
|
accentForeground: string;
|
|
1210
1252
|
muted: string;
|
|
1211
1253
|
mutedForeground: string;
|
|
1254
|
+
secondary?: string | undefined;
|
|
1255
|
+
secondaryForeground?: string | undefined;
|
|
1212
1256
|
};
|
|
1213
1257
|
radius: {
|
|
1214
1258
|
input: string;
|
|
@@ -1232,6 +1276,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1232
1276
|
id: string;
|
|
1233
1277
|
tokens: {
|
|
1234
1278
|
colors: {
|
|
1279
|
+
secondary: string;
|
|
1280
|
+
secondaryForeground: string;
|
|
1235
1281
|
background: string;
|
|
1236
1282
|
foreground: string;
|
|
1237
1283
|
primary: string;
|
|
@@ -1271,6 +1317,8 @@ declare const themeSettingsViewSchema: z.ZodObject<{
|
|
|
1271
1317
|
accentForeground: string;
|
|
1272
1318
|
muted: string;
|
|
1273
1319
|
mutedForeground: string;
|
|
1320
|
+
secondary?: string | undefined;
|
|
1321
|
+
secondaryForeground?: string | undefined;
|
|
1274
1322
|
};
|
|
1275
1323
|
radius: {
|
|
1276
1324
|
input: string;
|
|
@@ -1342,11 +1390,13 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1342
1390
|
label: z.ZodString;
|
|
1343
1391
|
description: z.ZodOptional<z.ZodString>;
|
|
1344
1392
|
tokens: z.ZodObject<{
|
|
1345
|
-
colors: z.ZodObject<{
|
|
1393
|
+
colors: z.ZodEffects<z.ZodObject<{
|
|
1346
1394
|
background: z.ZodString;
|
|
1347
1395
|
foreground: z.ZodString;
|
|
1348
1396
|
primary: z.ZodString;
|
|
1349
1397
|
primaryForeground: z.ZodString;
|
|
1398
|
+
secondary: z.ZodOptional<z.ZodString>;
|
|
1399
|
+
secondaryForeground: z.ZodOptional<z.ZodString>;
|
|
1350
1400
|
accent: z.ZodString;
|
|
1351
1401
|
accentForeground: z.ZodString;
|
|
1352
1402
|
muted: z.ZodString;
|
|
@@ -1360,6 +1410,30 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1360
1410
|
accentForeground: string;
|
|
1361
1411
|
muted: string;
|
|
1362
1412
|
mutedForeground: string;
|
|
1413
|
+
secondary?: string | undefined;
|
|
1414
|
+
secondaryForeground?: string | undefined;
|
|
1415
|
+
}, {
|
|
1416
|
+
background: string;
|
|
1417
|
+
foreground: string;
|
|
1418
|
+
primary: string;
|
|
1419
|
+
primaryForeground: string;
|
|
1420
|
+
accent: string;
|
|
1421
|
+
accentForeground: string;
|
|
1422
|
+
muted: string;
|
|
1423
|
+
mutedForeground: string;
|
|
1424
|
+
secondary?: string | undefined;
|
|
1425
|
+
secondaryForeground?: string | undefined;
|
|
1426
|
+
}>, {
|
|
1427
|
+
secondary: string;
|
|
1428
|
+
secondaryForeground: string;
|
|
1429
|
+
background: string;
|
|
1430
|
+
foreground: string;
|
|
1431
|
+
primary: string;
|
|
1432
|
+
primaryForeground: string;
|
|
1433
|
+
accent: string;
|
|
1434
|
+
accentForeground: string;
|
|
1435
|
+
muted: string;
|
|
1436
|
+
mutedForeground: string;
|
|
1363
1437
|
}, {
|
|
1364
1438
|
background: string;
|
|
1365
1439
|
foreground: string;
|
|
@@ -1369,6 +1443,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1369
1443
|
accentForeground: string;
|
|
1370
1444
|
muted: string;
|
|
1371
1445
|
mutedForeground: string;
|
|
1446
|
+
secondary?: string | undefined;
|
|
1447
|
+
secondaryForeground?: string | undefined;
|
|
1372
1448
|
}>;
|
|
1373
1449
|
radius: z.ZodObject<{
|
|
1374
1450
|
card: z.ZodString;
|
|
@@ -1385,6 +1461,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1385
1461
|
}>;
|
|
1386
1462
|
}, "strip", z.ZodTypeAny, {
|
|
1387
1463
|
colors: {
|
|
1464
|
+
secondary: string;
|
|
1465
|
+
secondaryForeground: string;
|
|
1388
1466
|
background: string;
|
|
1389
1467
|
foreground: string;
|
|
1390
1468
|
primary: string;
|
|
@@ -1409,6 +1487,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1409
1487
|
accentForeground: string;
|
|
1410
1488
|
muted: string;
|
|
1411
1489
|
mutedForeground: string;
|
|
1490
|
+
secondary?: string | undefined;
|
|
1491
|
+
secondaryForeground?: string | undefined;
|
|
1412
1492
|
};
|
|
1413
1493
|
radius: {
|
|
1414
1494
|
input: string;
|
|
@@ -1421,6 +1501,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1421
1501
|
id: string;
|
|
1422
1502
|
tokens: {
|
|
1423
1503
|
colors: {
|
|
1504
|
+
secondary: string;
|
|
1505
|
+
secondaryForeground: string;
|
|
1424
1506
|
background: string;
|
|
1425
1507
|
foreground: string;
|
|
1426
1508
|
primary: string;
|
|
@@ -1450,6 +1532,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1450
1532
|
accentForeground: string;
|
|
1451
1533
|
muted: string;
|
|
1452
1534
|
mutedForeground: string;
|
|
1535
|
+
secondary?: string | undefined;
|
|
1536
|
+
secondaryForeground?: string | undefined;
|
|
1453
1537
|
};
|
|
1454
1538
|
radius: {
|
|
1455
1539
|
input: string;
|
|
@@ -1467,6 +1551,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1467
1551
|
id: string;
|
|
1468
1552
|
tokens: {
|
|
1469
1553
|
colors: {
|
|
1554
|
+
secondary: string;
|
|
1555
|
+
secondaryForeground: string;
|
|
1470
1556
|
background: string;
|
|
1471
1557
|
foreground: string;
|
|
1472
1558
|
primary: string;
|
|
@@ -1500,6 +1586,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1500
1586
|
accentForeground: string;
|
|
1501
1587
|
muted: string;
|
|
1502
1588
|
mutedForeground: string;
|
|
1589
|
+
secondary?: string | undefined;
|
|
1590
|
+
secondaryForeground?: string | undefined;
|
|
1503
1591
|
};
|
|
1504
1592
|
radius: {
|
|
1505
1593
|
input: string;
|
|
@@ -1517,6 +1605,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1517
1605
|
id: string;
|
|
1518
1606
|
tokens: {
|
|
1519
1607
|
colors: {
|
|
1608
|
+
secondary: string;
|
|
1609
|
+
secondaryForeground: string;
|
|
1520
1610
|
background: string;
|
|
1521
1611
|
foreground: string;
|
|
1522
1612
|
primary: string;
|
|
@@ -1550,6 +1640,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1550
1640
|
accentForeground: string;
|
|
1551
1641
|
muted: string;
|
|
1552
1642
|
mutedForeground: string;
|
|
1643
|
+
secondary?: string | undefined;
|
|
1644
|
+
secondaryForeground?: string | undefined;
|
|
1553
1645
|
};
|
|
1554
1646
|
radius: {
|
|
1555
1647
|
input: string;
|
|
@@ -1573,6 +1665,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1573
1665
|
id: string;
|
|
1574
1666
|
tokens: {
|
|
1575
1667
|
colors: {
|
|
1668
|
+
secondary: string;
|
|
1669
|
+
secondaryForeground: string;
|
|
1576
1670
|
background: string;
|
|
1577
1671
|
foreground: string;
|
|
1578
1672
|
primary: string;
|
|
@@ -1612,6 +1706,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1612
1706
|
accentForeground: string;
|
|
1613
1707
|
muted: string;
|
|
1614
1708
|
mutedForeground: string;
|
|
1709
|
+
secondary?: string | undefined;
|
|
1710
|
+
secondaryForeground?: string | undefined;
|
|
1615
1711
|
};
|
|
1616
1712
|
radius: {
|
|
1617
1713
|
input: string;
|
|
@@ -1639,6 +1735,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1639
1735
|
id: string;
|
|
1640
1736
|
tokens: {
|
|
1641
1737
|
colors: {
|
|
1738
|
+
secondary: string;
|
|
1739
|
+
secondaryForeground: string;
|
|
1642
1740
|
background: string;
|
|
1643
1741
|
foreground: string;
|
|
1644
1742
|
primary: string;
|
|
@@ -1682,6 +1780,8 @@ declare const updateThemeSettingsOutputSchema: z.ZodDiscriminatedUnion<"status",
|
|
|
1682
1780
|
accentForeground: string;
|
|
1683
1781
|
muted: string;
|
|
1684
1782
|
mutedForeground: string;
|
|
1783
|
+
secondary?: string | undefined;
|
|
1784
|
+
secondaryForeground?: string | undefined;
|
|
1685
1785
|
};
|
|
1686
1786
|
radius: {
|
|
1687
1787
|
input: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sudajs/cli",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.18.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"bin": {
|
|
6
6
|
"suda": "./bin/suda.js"
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react": "^19.2.7",
|
|
35
35
|
"react-dom": "^19.2.7",
|
|
36
36
|
"zod": "^3.24.1",
|
|
37
|
-
"@sudajs/theme-engine": "6.
|
|
37
|
+
"@sudajs/theme-engine": "6.2.0"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
40
|
"@tailwindcss/postcss": "^4.3.0",
|
|
@@ -907,10 +907,10 @@ radius, shadows, or spacing.
|
|
|
907
907
|
named `presets` with complete token sets.
|
|
908
908
|
- Use stable token names from the engine contract. At minimum, provide the
|
|
909
909
|
color tokens the theme renders (`background`, `foreground`, `primary`,
|
|
910
|
-
`primaryForeground`, `
|
|
911
|
-
`mutedForeground`) and the radius tokens the CSS
|
|
912
|
-
`input`). Do not invent platform-facing token
|
|
913
|
-
generated types first.
|
|
910
|
+
`primaryForeground`, `secondary`, `secondaryForeground`, `accent`,
|
|
911
|
+
`accentForeground`, `muted`, `mutedForeground`) and the radius tokens the CSS
|
|
912
|
+
consumes (`card`, `button`, `input`). Do not invent platform-facing token
|
|
913
|
+
keys without checking the generated types first.
|
|
914
914
|
- Expose the design system at the layout root only, for example:
|
|
915
915
|
```ts
|
|
916
916
|
designSystem: designSystemField(t("common.fields.designSystem"), sourceManifest.designSystem);
|
|
@@ -23,6 +23,8 @@ export const sourceManifest: ThemeSourceManifest = {
|
|
|
23
23
|
foreground: "#111827",
|
|
24
24
|
primary: "#111827",
|
|
25
25
|
primaryForeground: "#ffffff",
|
|
26
|
+
secondary: "#e5e7eb",
|
|
27
|
+
secondaryForeground: "#111827",
|
|
26
28
|
accent: "#f8fafc",
|
|
27
29
|
accentForeground: "#111827",
|
|
28
30
|
muted: "#f4f5f7",
|
|
@@ -44,6 +46,8 @@ export const sourceManifest: ThemeSourceManifest = {
|
|
|
44
46
|
foreground: "#0e1b36",
|
|
45
47
|
primary: "#2563eb",
|
|
46
48
|
primaryForeground: "#ffffff",
|
|
49
|
+
secondary: "#bfdbfe",
|
|
50
|
+
secondaryForeground: "#0e1b36",
|
|
47
51
|
accent: "#dbeafe",
|
|
48
52
|
accentForeground: "#0e1b36",
|
|
49
53
|
muted: "#eff6ff",
|