@vectoriox/iox-ui 5.41.0 → 5.41.1

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 +69 -24
  5. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  6. package/generation-core/index.d.ts +57 -12
  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 +68 -24
package/fesm2022/vectoriox-iox-ui-generation-core.mjs CHANGED
@@ -1050,7 +1050,10 @@ const SPEC_SITE_PATTERNS = {
1050
1050
  "es": "eyebrow",
1051
1051
  "slot": "eyebrow",
1052
1052
  "ph": "copy",
1053
- "text": "Pricing"
1053
+ "text": "Pricing",
1054
+ "lay": {
1055
+ "textAlign": "center"
1056
+ }
1054
1057
  },
1055
1058
  {
1056
1059
  "t": "Heading",
@@ -1058,7 +1061,10 @@ const SPEC_SITE_PATTERNS = {
1058
1061
  "level": "h2",
1059
1062
  "slot": "title",
1060
1063
  "ph": "copy",
1061
- "text": "Plans"
1064
+ "text": "Plans",
1065
+ "lay": {
1066
+ "textAlign": "center"
1067
+ }
1062
1068
  }
1063
1069
  ]
1064
1070
  },
@@ -1073,7 +1079,8 @@ const SPEC_SITE_PATTERNS = {
1073
1079
  "mobile": {
1074
1080
  "position": "sticky",
1075
1081
  "top": "calc(12px + env(safe-area-inset-top, 0px))",
1076
- "zIndex": "2"
1082
+ "zIndex": "2",
1083
+ "width": "100%"
1077
1084
  }
1078
1085
  }
1079
1086
  },
@@ -1125,12 +1132,18 @@ const SPEC_SITE_PATTERNS = {
1125
1132
  "t": "Text",
1126
1133
  "es": "price",
1127
1134
  "ph": "price",
1128
- "text": "Monthly price"
1135
+ "text": "Monthly price",
1136
+ "lay": {
1137
+ "width": "auto"
1138
+ }
1129
1139
  },
1130
1140
  {
1131
1141
  "t": "Text",
1132
1142
  "es": "small",
1133
- "text": "per month"
1143
+ "text": "per month",
1144
+ "lay": {
1145
+ "width": "auto"
1146
+ }
1134
1147
  }
1135
1148
  ]
1136
1149
  },
@@ -1150,12 +1163,18 @@ const SPEC_SITE_PATTERNS = {
1150
1163
  "t": "Text",
1151
1164
  "es": "price",
1152
1165
  "ph": "price",
1153
- "text": "Yearly price"
1166
+ "text": "Yearly price",
1167
+ "lay": {
1168
+ "width": "auto"
1169
+ }
1154
1170
  },
1155
1171
  {
1156
1172
  "t": "Text",
1157
1173
  "es": "small",
1158
- "text": "per year"
1174
+ "text": "per year",
1175
+ "lay": {
1176
+ "width": "auto"
1177
+ }
1159
1178
  }
1160
1179
  ]
1161
1180
  },
@@ -1176,7 +1195,7 @@ const SPEC_SITE_PATTERNS = {
1176
1195
  "display": "flex",
1177
1196
  "flexWrap": "nowrap",
1178
1197
  "gap": "8px",
1179
- "alignItems": "flex-start"
1198
+ "alignItems": "center"
1180
1199
  },
1181
1200
  "c": [
1182
1201
  {
@@ -1199,7 +1218,7 @@ const SPEC_SITE_PATTERNS = {
1199
1218
  "display": "flex",
1200
1219
  "flexWrap": "nowrap",
1201
1220
  "gap": "8px",
1202
- "alignItems": "flex-start"
1221
+ "alignItems": "center"
1203
1222
  },
1204
1223
  "c": [
1205
1224
  {
@@ -1222,7 +1241,7 @@ const SPEC_SITE_PATTERNS = {
1222
1241
  "display": "flex",
1223
1242
  "flexWrap": "nowrap",
1224
1243
  "gap": "8px",
1225
- "alignItems": "flex-start"
1244
+ "alignItems": "center"
1226
1245
  },
1227
1246
  "c": [
1228
1247
  {
@@ -1272,6 +1291,7 @@ const SPEC_SITE_PATTERNS = {
1272
1291
  "ph": "copy",
1273
1292
  "scheme": "accent",
1274
1293
  "badge": "neutral",
1294
+ "icon": "ph ph-sparkle",
1275
1295
  "parts": {
1276
1296
  "media": false,
1277
1297
  "eyebrow": false,
@@ -1300,12 +1320,18 @@ const SPEC_SITE_PATTERNS = {
1300
1320
  "t": "Text",
1301
1321
  "es": "price",
1302
1322
  "ph": "price",
1303
- "text": "Monthly price"
1323
+ "text": "Monthly price",
1324
+ "lay": {
1325
+ "width": "auto"
1326
+ }
1304
1327
  },
1305
1328
  {
1306
1329
  "t": "Text",
1307
1330
  "es": "small",
1308
- "text": "per month"
1331
+ "text": "per month",
1332
+ "lay": {
1333
+ "width": "auto"
1334
+ }
1309
1335
  }
1310
1336
  ]
1311
1337
  },
@@ -1325,12 +1351,18 @@ const SPEC_SITE_PATTERNS = {
1325
1351
  "t": "Text",
1326
1352
  "es": "price",
1327
1353
  "ph": "price",
1328
- "text": "Yearly price"
1354
+ "text": "Yearly price",
1355
+ "lay": {
1356
+ "width": "auto"
1357
+ }
1329
1358
  },
1330
1359
  {
1331
1360
  "t": "Text",
1332
1361
  "es": "small",
1333
- "text": "per year"
1362
+ "text": "per year",
1363
+ "lay": {
1364
+ "width": "auto"
1365
+ }
1334
1366
  }
1335
1367
  ]
1336
1368
  },
@@ -1351,7 +1383,7 @@ const SPEC_SITE_PATTERNS = {
1351
1383
  "display": "flex",
1352
1384
  "flexWrap": "nowrap",
1353
1385
  "gap": "8px",
1354
- "alignItems": "flex-start"
1386
+ "alignItems": "center"
1355
1387
  },
1356
1388
  "c": [
1357
1389
  {
@@ -1374,7 +1406,7 @@ const SPEC_SITE_PATTERNS = {
1374
1406
  "display": "flex",
1375
1407
  "flexWrap": "nowrap",
1376
1408
  "gap": "8px",
1377
- "alignItems": "flex-start"
1409
+ "alignItems": "center"
1378
1410
  },
1379
1411
  "c": [
1380
1412
  {
@@ -1397,7 +1429,7 @@ const SPEC_SITE_PATTERNS = {
1397
1429
  "display": "flex",
1398
1430
  "flexWrap": "nowrap",
1399
1431
  "gap": "8px",
1400
- "alignItems": "flex-start"
1432
+ "alignItems": "center"
1401
1433
  },
1402
1434
  "c": [
1403
1435
  {
@@ -1472,12 +1504,18 @@ const SPEC_SITE_PATTERNS = {
1472
1504
  "t": "Text",
1473
1505
  "es": "price",
1474
1506
  "ph": "price",
1475
- "text": "Monthly price"
1507
+ "text": "Monthly price",
1508
+ "lay": {
1509
+ "width": "auto"
1510
+ }
1476
1511
  },
1477
1512
  {
1478
1513
  "t": "Text",
1479
1514
  "es": "small",
1480
- "text": "per month"
1515
+ "text": "per month",
1516
+ "lay": {
1517
+ "width": "auto"
1518
+ }
1481
1519
  }
1482
1520
  ]
1483
1521
  },
@@ -1497,12 +1535,18 @@ const SPEC_SITE_PATTERNS = {
1497
1535
  "t": "Text",
1498
1536
  "es": "price",
1499
1537
  "ph": "price",
1500
- "text": "Yearly price"
1538
+ "text": "Yearly price",
1539
+ "lay": {
1540
+ "width": "auto"
1541
+ }
1501
1542
  },
1502
1543
  {
1503
1544
  "t": "Text",
1504
1545
  "es": "small",
1505
- "text": "per year"
1546
+ "text": "per year",
1547
+ "lay": {
1548
+ "width": "auto"
1549
+ }
1506
1550
  }
1507
1551
  ]
1508
1552
  },
@@ -1523,7 +1567,7 @@ const SPEC_SITE_PATTERNS = {
1523
1567
  "display": "flex",
1524
1568
  "flexWrap": "nowrap",
1525
1569
  "gap": "8px",
1526
- "alignItems": "flex-start"
1570
+ "alignItems": "center"
1527
1571
  },
1528
1572
  "c": [
1529
1573
  {
@@ -1546,7 +1590,7 @@ const SPEC_SITE_PATTERNS = {
1546
1590
  "display": "flex",
1547
1591
  "flexWrap": "nowrap",
1548
1592
  "gap": "8px",
1549
- "alignItems": "flex-start"
1593
+ "alignItems": "center"
1550
1594
  },
1551
1595
  "c": [
1552
1596
  {
@@ -1569,7 +1613,7 @@ const SPEC_SITE_PATTERNS = {
1569
1613
  "display": "flex",
1570
1614
  "flexWrap": "nowrap",
1571
1615
  "gap": "8px",
1572
- "alignItems": "flex-start"
1616
+ "alignItems": "center"
1573
1617
  },
1574
1618
  "c": [
1575
1619
  {
@@ -9094,6 +9138,7 @@ function composeRecipe(pn, id, repeater, ctx) {
9094
9138
  throw new ComposeError(`${id}: a card has no words "${key}"`);
9095
9139
  const card = buildCardRecipe(factory, {
9096
9140
  layout, parts: pn.parts, words: pn.words, badgeTone: tone,
9141
+ ...(pn.icon ? { badgeIcon: pn.icon } : {}),
9097
9142
  });
9098
9143
  if (pn.scheme) {
9099
9144
  if (!COLOR_SCHEMES.some(c => c.id === pn.scheme))