@vectoriox/iox-ui 5.41.0 → 5.42.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 (12) hide show
  1. package/composite-core/index.d.ts +2 -0
  2. package/fesm2022/vectoriox-iox-ui-composite-core.mjs +7 -5
  3. package/fesm2022/vectoriox-iox-ui-composite-core.mjs.map +1 -1
  4. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +81 -36
  5. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  6. package/generation-core/index.d.ts +69 -24
  7. package/package.json +1 -1
  8. package/src/composite-core/card.ts +6 -4
  9. package/src/composite-core/segmented.ts +4 -2
  10. package/src/generation-core/compose-site.ts +1 -0
  11. package/src/generation-core/patterns.ts +4 -3
  12. package/src/generation-core/site-spec.generated.ts +80 -36
package/src/generation-core/site-spec.generated.ts CHANGED
@@ -171,7 +171,7 @@ export const SPEC_SITE_PATTERNS = {
171
171
  ]
172
172
  }
173
173
  },
174
- "footer.columns": {
174
+ "footer.three-column": {
175
175
  "family": "footer",
176
176
  "label": "Footer, three columns",
177
177
  "global": "after",
@@ -385,7 +385,7 @@ export const SPEC_SITE_PATTERNS = {
385
385
  ]
386
386
  }
387
387
  },
388
- "projects.grid": {
388
+ "collection.card-grid": {
389
389
  "family": "collection",
390
390
  "label": "Project cards, three across",
391
391
  "node": {
@@ -460,8 +460,8 @@ export const SPEC_SITE_PATTERNS = {
460
460
  }
461
461
  }
462
462
  },
463
- "services.three": {
464
- "family": "features",
463
+ "feature.triad": {
464
+ "family": "feature",
465
465
  "label": "Three services",
466
466
  "node": {
467
467
  "t": "Section",
@@ -571,7 +571,7 @@ export const SPEC_SITE_PATTERNS = {
571
571
  }
572
572
  }
573
573
  },
574
- "cta.band": {
574
+ "cta.banner": {
575
575
  "family": "cta",
576
576
  "label": "Call to action band",
577
577
  "node": {
@@ -1048,7 +1048,10 @@ export const SPEC_SITE_PATTERNS = {
1048
1048
  "es": "eyebrow",
1049
1049
  "slot": "eyebrow",
1050
1050
  "ph": "copy",
1051
- "text": "Pricing"
1051
+ "text": "Pricing",
1052
+ "lay": {
1053
+ "textAlign": "center"
1054
+ }
1052
1055
  },
1053
1056
  {
1054
1057
  "t": "Heading",
@@ -1056,7 +1059,10 @@ export const SPEC_SITE_PATTERNS = {
1056
1059
  "level": "h2",
1057
1060
  "slot": "title",
1058
1061
  "ph": "copy",
1059
- "text": "Plans"
1062
+ "text": "Plans",
1063
+ "lay": {
1064
+ "textAlign": "center"
1065
+ }
1060
1066
  }
1061
1067
  ]
1062
1068
  },
@@ -1071,7 +1077,8 @@ export const SPEC_SITE_PATTERNS = {
1071
1077
  "mobile": {
1072
1078
  "position": "sticky",
1073
1079
  "top": "calc(12px + env(safe-area-inset-top, 0px))",
1074
- "zIndex": "2"
1080
+ "zIndex": "2",
1081
+ "width": "100%"
1075
1082
  }
1076
1083
  }
1077
1084
  },
@@ -1123,12 +1130,18 @@ export const SPEC_SITE_PATTERNS = {
1123
1130
  "t": "Text",
1124
1131
  "es": "price",
1125
1132
  "ph": "price",
1126
- "text": "Monthly price"
1133
+ "text": "Monthly price",
1134
+ "lay": {
1135
+ "width": "auto"
1136
+ }
1127
1137
  },
1128
1138
  {
1129
1139
  "t": "Text",
1130
1140
  "es": "small",
1131
- "text": "per month"
1141
+ "text": "per month",
1142
+ "lay": {
1143
+ "width": "auto"
1144
+ }
1132
1145
  }
1133
1146
  ]
1134
1147
  },
@@ -1148,12 +1161,18 @@ export const SPEC_SITE_PATTERNS = {
1148
1161
  "t": "Text",
1149
1162
  "es": "price",
1150
1163
  "ph": "price",
1151
- "text": "Yearly price"
1164
+ "text": "Yearly price",
1165
+ "lay": {
1166
+ "width": "auto"
1167
+ }
1152
1168
  },
1153
1169
  {
1154
1170
  "t": "Text",
1155
1171
  "es": "small",
1156
- "text": "per year"
1172
+ "text": "per year",
1173
+ "lay": {
1174
+ "width": "auto"
1175
+ }
1157
1176
  }
1158
1177
  ]
1159
1178
  },
@@ -1174,7 +1193,7 @@ export const SPEC_SITE_PATTERNS = {
1174
1193
  "display": "flex",
1175
1194
  "flexWrap": "nowrap",
1176
1195
  "gap": "8px",
1177
- "alignItems": "flex-start"
1196
+ "alignItems": "center"
1178
1197
  },
1179
1198
  "c": [
1180
1199
  {
@@ -1197,7 +1216,7 @@ export const SPEC_SITE_PATTERNS = {
1197
1216
  "display": "flex",
1198
1217
  "flexWrap": "nowrap",
1199
1218
  "gap": "8px",
1200
- "alignItems": "flex-start"
1219
+ "alignItems": "center"
1201
1220
  },
1202
1221
  "c": [
1203
1222
  {
@@ -1220,7 +1239,7 @@ export const SPEC_SITE_PATTERNS = {
1220
1239
  "display": "flex",
1221
1240
  "flexWrap": "nowrap",
1222
1241
  "gap": "8px",
1223
- "alignItems": "flex-start"
1242
+ "alignItems": "center"
1224
1243
  },
1225
1244
  "c": [
1226
1245
  {
@@ -1270,6 +1289,7 @@ export const SPEC_SITE_PATTERNS = {
1270
1289
  "ph": "copy",
1271
1290
  "scheme": "accent",
1272
1291
  "badge": "neutral",
1292
+ "icon": "ph ph-sparkle",
1273
1293
  "parts": {
1274
1294
  "media": false,
1275
1295
  "eyebrow": false,
@@ -1298,12 +1318,18 @@ export const SPEC_SITE_PATTERNS = {
1298
1318
  "t": "Text",
1299
1319
  "es": "price",
1300
1320
  "ph": "price",
1301
- "text": "Monthly price"
1321
+ "text": "Monthly price",
1322
+ "lay": {
1323
+ "width": "auto"
1324
+ }
1302
1325
  },
1303
1326
  {
1304
1327
  "t": "Text",
1305
1328
  "es": "small",
1306
- "text": "per month"
1329
+ "text": "per month",
1330
+ "lay": {
1331
+ "width": "auto"
1332
+ }
1307
1333
  }
1308
1334
  ]
1309
1335
  },
@@ -1323,12 +1349,18 @@ export const SPEC_SITE_PATTERNS = {
1323
1349
  "t": "Text",
1324
1350
  "es": "price",
1325
1351
  "ph": "price",
1326
- "text": "Yearly price"
1352
+ "text": "Yearly price",
1353
+ "lay": {
1354
+ "width": "auto"
1355
+ }
1327
1356
  },
1328
1357
  {
1329
1358
  "t": "Text",
1330
1359
  "es": "small",
1331
- "text": "per year"
1360
+ "text": "per year",
1361
+ "lay": {
1362
+ "width": "auto"
1363
+ }
1332
1364
  }
1333
1365
  ]
1334
1366
  },
@@ -1349,7 +1381,7 @@ export const SPEC_SITE_PATTERNS = {
1349
1381
  "display": "flex",
1350
1382
  "flexWrap": "nowrap",
1351
1383
  "gap": "8px",
1352
- "alignItems": "flex-start"
1384
+ "alignItems": "center"
1353
1385
  },
1354
1386
  "c": [
1355
1387
  {
@@ -1372,7 +1404,7 @@ export const SPEC_SITE_PATTERNS = {
1372
1404
  "display": "flex",
1373
1405
  "flexWrap": "nowrap",
1374
1406
  "gap": "8px",
1375
- "alignItems": "flex-start"
1407
+ "alignItems": "center"
1376
1408
  },
1377
1409
  "c": [
1378
1410
  {
@@ -1395,7 +1427,7 @@ export const SPEC_SITE_PATTERNS = {
1395
1427
  "display": "flex",
1396
1428
  "flexWrap": "nowrap",
1397
1429
  "gap": "8px",
1398
- "alignItems": "flex-start"
1430
+ "alignItems": "center"
1399
1431
  },
1400
1432
  "c": [
1401
1433
  {
@@ -1470,12 +1502,18 @@ export const SPEC_SITE_PATTERNS = {
1470
1502
  "t": "Text",
1471
1503
  "es": "price",
1472
1504
  "ph": "price",
1473
- "text": "Monthly price"
1505
+ "text": "Monthly price",
1506
+ "lay": {
1507
+ "width": "auto"
1508
+ }
1474
1509
  },
1475
1510
  {
1476
1511
  "t": "Text",
1477
1512
  "es": "small",
1478
- "text": "per month"
1513
+ "text": "per month",
1514
+ "lay": {
1515
+ "width": "auto"
1516
+ }
1479
1517
  }
1480
1518
  ]
1481
1519
  },
@@ -1495,12 +1533,18 @@ export const SPEC_SITE_PATTERNS = {
1495
1533
  "t": "Text",
1496
1534
  "es": "price",
1497
1535
  "ph": "price",
1498
- "text": "Yearly price"
1536
+ "text": "Yearly price",
1537
+ "lay": {
1538
+ "width": "auto"
1539
+ }
1499
1540
  },
1500
1541
  {
1501
1542
  "t": "Text",
1502
1543
  "es": "small",
1503
- "text": "per year"
1544
+ "text": "per year",
1545
+ "lay": {
1546
+ "width": "auto"
1547
+ }
1504
1548
  }
1505
1549
  ]
1506
1550
  },
@@ -1521,7 +1565,7 @@ export const SPEC_SITE_PATTERNS = {
1521
1565
  "display": "flex",
1522
1566
  "flexWrap": "nowrap",
1523
1567
  "gap": "8px",
1524
- "alignItems": "flex-start"
1568
+ "alignItems": "center"
1525
1569
  },
1526
1570
  "c": [
1527
1571
  {
@@ -1544,7 +1588,7 @@ export const SPEC_SITE_PATTERNS = {
1544
1588
  "display": "flex",
1545
1589
  "flexWrap": "nowrap",
1546
1590
  "gap": "8px",
1547
- "alignItems": "flex-start"
1591
+ "alignItems": "center"
1548
1592
  },
1549
1593
  "c": [
1550
1594
  {
@@ -1567,7 +1611,7 @@ export const SPEC_SITE_PATTERNS = {
1567
1611
  "display": "flex",
1568
1612
  "flexWrap": "nowrap",
1569
1613
  "gap": "8px",
1570
- "alignItems": "flex-start"
1614
+ "alignItems": "center"
1571
1615
  },
1572
1616
  "c": [
1573
1617
  {
@@ -1907,14 +1951,14 @@ export const SPEC_SITE_TEMPLATES = {
1907
1951
  "pattern": "hero.split"
1908
1952
  },
1909
1953
  {
1910
- "pattern": "projects.grid",
1954
+ "pattern": "collection.card-grid",
1911
1955
  "binding": "projectsLatest"
1912
1956
  },
1913
1957
  {
1914
- "pattern": "services.three"
1958
+ "pattern": "feature.triad"
1915
1959
  },
1916
1960
  {
1917
- "pattern": "cta.band"
1961
+ "pattern": "cta.banner"
1918
1962
  }
1919
1963
  ]
1920
1964
  },
@@ -1933,7 +1977,7 @@ export const SPEC_SITE_TEMPLATES = {
1933
1977
  }
1934
1978
  },
1935
1979
  {
1936
- "pattern": "projects.grid",
1980
+ "pattern": "collection.card-grid",
1937
1981
  "binding": "projects",
1938
1982
  "without": [
1939
1983
  "header"
@@ -1960,7 +2004,7 @@ export const SPEC_SITE_TEMPLATES = {
1960
2004
  "pattern": "project.next"
1961
2005
  },
1962
2006
  {
1963
- "pattern": "cta.band"
2007
+ "pattern": "cta.banner"
1964
2008
  }
1965
2009
  ]
1966
2010
  },
@@ -1982,7 +2026,7 @@ export const SPEC_SITE_TEMPLATES = {
1982
2026
  "pattern": "about.story"
1983
2027
  },
1984
2028
  {
1985
- "pattern": "cta.band"
2029
+ "pattern": "cta.banner"
1986
2030
  }
1987
2031
  ]
1988
2032
  },
@@ -2001,7 +2045,7 @@ export const SPEC_SITE_TEMPLATES = {
2001
2045
  ],
2002
2046
  "globals": {
2003
2047
  "header": "nav.inline-cta",
2004
- "footer": "footer.columns"
2048
+ "footer": "footer.three-column"
2005
2049
  }
2006
2050
  }
2007
2051
  } as const;