@vectoriox/iox-ui 5.44.0 → 5.46.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/design-core/index.d.ts +759 -77
- package/fesm2022/vectoriox-iox-ui-design-core.mjs +1054 -106
- package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
- package/package.json +1 -1
- package/src/design-core/design-apply.ts +17 -4
- package/src/design-core/design-token.model.ts +2 -0
- package/src/design-core/flavor-spec.generated.ts +959 -91
- package/src/design-core/fonts.ts +62 -12
- package/src/design-core/public-api.ts +1 -0
- package/src/design-core/style-presets.ts +71 -0
package/design-core/index.d.ts
CHANGED
|
@@ -1348,6 +1348,536 @@ declare const SPEC_SPRINGS: {
|
|
|
1348
1348
|
};
|
|
1349
1349
|
};
|
|
1350
1350
|
};
|
|
1351
|
+
declare const SPEC_MOODS: {
|
|
1352
|
+
readonly calm: "Calm";
|
|
1353
|
+
readonly warm: "Warm";
|
|
1354
|
+
readonly natural: "Natural";
|
|
1355
|
+
readonly elegant: "Elegant";
|
|
1356
|
+
readonly luxurious: "Luxurious";
|
|
1357
|
+
readonly minimal: "Minimal";
|
|
1358
|
+
readonly professional: "Professional";
|
|
1359
|
+
readonly trustworthy: "Trustworthy";
|
|
1360
|
+
readonly friendly: "Friendly";
|
|
1361
|
+
readonly playful: "Playful";
|
|
1362
|
+
readonly bold: "Bold";
|
|
1363
|
+
readonly energetic: "Energetic";
|
|
1364
|
+
readonly dark: "Dark";
|
|
1365
|
+
readonly editorial: "Editorial";
|
|
1366
|
+
readonly technical: "Technical";
|
|
1367
|
+
readonly romantic: "Romantic";
|
|
1368
|
+
readonly crafted: "Hand-made";
|
|
1369
|
+
};
|
|
1370
|
+
declare const SPEC_STYLE_PRESETS: readonly [{
|
|
1371
|
+
readonly id: "clear-care";
|
|
1372
|
+
readonly name: "Clear care";
|
|
1373
|
+
readonly flavorId: "crisp";
|
|
1374
|
+
readonly seed: "#0E7490";
|
|
1375
|
+
readonly tint: "subtle";
|
|
1376
|
+
readonly pairId: "manrope";
|
|
1377
|
+
readonly shape: "soft";
|
|
1378
|
+
readonly density: "regular";
|
|
1379
|
+
readonly motion: "standard";
|
|
1380
|
+
readonly pillButtons: false;
|
|
1381
|
+
readonly moves: {
|
|
1382
|
+
readonly scroll: "smooth";
|
|
1383
|
+
readonly animate: "standard";
|
|
1384
|
+
readonly between: "fade";
|
|
1385
|
+
};
|
|
1386
|
+
readonly modes: readonly ["light"];
|
|
1387
|
+
readonly moods: readonly ["trustworthy", "calm", "professional"];
|
|
1388
|
+
readonly uupm: readonly ["Accessible & Ethical", "Minimalism & Swiss Style"];
|
|
1389
|
+
readonly blurb: "Clean, light and easy to read. Says \"you are in good hands\".";
|
|
1390
|
+
readonly slice: true;
|
|
1391
|
+
}, {
|
|
1392
|
+
readonly id: "swiss-grid";
|
|
1393
|
+
readonly name: "Swiss grid";
|
|
1394
|
+
readonly flavorId: "crisp";
|
|
1395
|
+
readonly seed: "#111827";
|
|
1396
|
+
readonly tint: "neutral";
|
|
1397
|
+
readonly pairId: "inter-tight";
|
|
1398
|
+
readonly shape: "sharp";
|
|
1399
|
+
readonly density: "compact";
|
|
1400
|
+
readonly motion: "snappy";
|
|
1401
|
+
readonly pillButtons: false;
|
|
1402
|
+
readonly moves: {
|
|
1403
|
+
readonly scroll: "normal";
|
|
1404
|
+
readonly animate: "standard";
|
|
1405
|
+
readonly between: "none";
|
|
1406
|
+
};
|
|
1407
|
+
readonly modes: readonly ["light", "dark"];
|
|
1408
|
+
readonly moods: readonly ["minimal", "professional", "technical"];
|
|
1409
|
+
readonly uupm: readonly ["Minimalism & Swiss Style", "Swiss Modernism 2.0"];
|
|
1410
|
+
readonly blurb: "Black on white, a strict grid, nothing extra.";
|
|
1411
|
+
readonly slice: true;
|
|
1412
|
+
}, {
|
|
1413
|
+
readonly id: "trusted-advisor";
|
|
1414
|
+
readonly name: "Trusted advisor";
|
|
1415
|
+
readonly flavorId: "crisp";
|
|
1416
|
+
readonly seed: "#1E3A8A";
|
|
1417
|
+
readonly tint: "subtle";
|
|
1418
|
+
readonly pairId: "plex";
|
|
1419
|
+
readonly shape: "subtle";
|
|
1420
|
+
readonly density: "regular";
|
|
1421
|
+
readonly motion: "standard";
|
|
1422
|
+
readonly pillButtons: false;
|
|
1423
|
+
readonly moves: {
|
|
1424
|
+
readonly scroll: "normal";
|
|
1425
|
+
readonly animate: "standard";
|
|
1426
|
+
readonly between: "fade";
|
|
1427
|
+
};
|
|
1428
|
+
readonly modes: readonly ["light"];
|
|
1429
|
+
readonly moods: readonly ["trustworthy", "professional"];
|
|
1430
|
+
readonly uupm: readonly ["Accessible & Ethical", "Trust & Authority (landing)"];
|
|
1431
|
+
readonly blurb: "Navy, plain type, firm edges. Serious without being cold.";
|
|
1432
|
+
readonly slice: true;
|
|
1433
|
+
}, {
|
|
1434
|
+
readonly id: "fresh-practice";
|
|
1435
|
+
readonly name: "Fresh practice";
|
|
1436
|
+
readonly flavorId: "crisp";
|
|
1437
|
+
readonly seed: "#0284C7";
|
|
1438
|
+
readonly tint: "rich";
|
|
1439
|
+
readonly pairId: "inter-tight";
|
|
1440
|
+
readonly shape: "round";
|
|
1441
|
+
readonly density: "airy";
|
|
1442
|
+
readonly motion: "calm";
|
|
1443
|
+
readonly pillButtons: true;
|
|
1444
|
+
readonly moves: {
|
|
1445
|
+
readonly scroll: "smooth";
|
|
1446
|
+
readonly animate: "subtle";
|
|
1447
|
+
readonly between: "fade";
|
|
1448
|
+
};
|
|
1449
|
+
readonly modes: readonly ["light"];
|
|
1450
|
+
readonly moods: readonly ["friendly", "calm", "trustworthy"];
|
|
1451
|
+
readonly uupm: readonly ["Soft UI Evolution", "Accessible & Ethical"];
|
|
1452
|
+
readonly blurb: "Bright, soft and reassuring, with rounded buttons.";
|
|
1453
|
+
readonly slice: false;
|
|
1454
|
+
}, {
|
|
1455
|
+
readonly id: "gallery-minimal";
|
|
1456
|
+
readonly name: "Gallery minimal";
|
|
1457
|
+
readonly flavorId: "linen";
|
|
1458
|
+
readonly seed: "#3F4A5A";
|
|
1459
|
+
readonly tint: "neutral";
|
|
1460
|
+
readonly pairId: "instrument";
|
|
1461
|
+
readonly shape: "sharp";
|
|
1462
|
+
readonly density: "airy";
|
|
1463
|
+
readonly motion: "calm";
|
|
1464
|
+
readonly pillButtons: false;
|
|
1465
|
+
readonly moves: {
|
|
1466
|
+
readonly scroll: "extra";
|
|
1467
|
+
readonly animate: "subtle";
|
|
1468
|
+
readonly between: "fade";
|
|
1469
|
+
};
|
|
1470
|
+
readonly modes: readonly ["light", "dark"];
|
|
1471
|
+
readonly moods: readonly ["minimal", "elegant", "editorial"];
|
|
1472
|
+
readonly uupm: readonly ["Exaggerated Minimalism", "Editorial Grid / Magazine"];
|
|
1473
|
+
readonly blurb: "White walls and a quiet serif. The work does the talking.";
|
|
1474
|
+
readonly slice: true;
|
|
1475
|
+
}, {
|
|
1476
|
+
readonly id: "warm-editorial";
|
|
1477
|
+
readonly name: "Warm editorial";
|
|
1478
|
+
readonly flavorId: "linen";
|
|
1479
|
+
readonly seed: "#9A4F2B";
|
|
1480
|
+
readonly tint: "subtle";
|
|
1481
|
+
readonly pairId: "fraunces";
|
|
1482
|
+
readonly shape: "sharp";
|
|
1483
|
+
readonly density: "airy";
|
|
1484
|
+
readonly motion: "calm";
|
|
1485
|
+
readonly pillButtons: false;
|
|
1486
|
+
readonly moves: {
|
|
1487
|
+
readonly scroll: "smooth";
|
|
1488
|
+
readonly animate: "subtle";
|
|
1489
|
+
readonly between: "fade";
|
|
1490
|
+
};
|
|
1491
|
+
readonly modes: readonly ["light"];
|
|
1492
|
+
readonly moods: readonly ["warm", "editorial", "crafted"];
|
|
1493
|
+
readonly uupm: readonly ["Editorial Grid / Magazine", "Nature Distilled"];
|
|
1494
|
+
readonly blurb: "Cream paper, terracotta and a soft serif, like a good magazine.";
|
|
1495
|
+
readonly slice: true;
|
|
1496
|
+
}, {
|
|
1497
|
+
readonly id: "soft-spa";
|
|
1498
|
+
readonly name: "Soft spa";
|
|
1499
|
+
readonly flavorId: "linen";
|
|
1500
|
+
readonly seed: "#7D4E5E";
|
|
1501
|
+
readonly tint: "rich";
|
|
1502
|
+
readonly pairId: "cormorant";
|
|
1503
|
+
readonly shape: "soft";
|
|
1504
|
+
readonly density: "airy";
|
|
1505
|
+
readonly motion: "calm";
|
|
1506
|
+
readonly pillButtons: false;
|
|
1507
|
+
readonly moves: {
|
|
1508
|
+
readonly scroll: "extra";
|
|
1509
|
+
readonly animate: "subtle";
|
|
1510
|
+
readonly between: "fade";
|
|
1511
|
+
};
|
|
1512
|
+
readonly modes: readonly ["light"];
|
|
1513
|
+
readonly moods: readonly ["calm", "elegant", "natural"];
|
|
1514
|
+
readonly uupm: readonly ["Soft UI Evolution", "Nature Distilled"];
|
|
1515
|
+
readonly blurb: "Rose-tinted cream, a fine serif and slow, gentle motion.";
|
|
1516
|
+
readonly slice: true;
|
|
1517
|
+
}, {
|
|
1518
|
+
readonly id: "quiet-luxury";
|
|
1519
|
+
readonly name: "Quiet luxury";
|
|
1520
|
+
readonly flavorId: "linen";
|
|
1521
|
+
readonly seed: "#7A5B36";
|
|
1522
|
+
readonly tint: "subtle";
|
|
1523
|
+
readonly pairId: "cormorant";
|
|
1524
|
+
readonly shape: "sharp";
|
|
1525
|
+
readonly density: "airy";
|
|
1526
|
+
readonly motion: "calm";
|
|
1527
|
+
readonly pillButtons: false;
|
|
1528
|
+
readonly moves: {
|
|
1529
|
+
readonly scroll: "extra";
|
|
1530
|
+
readonly animate: "subtle";
|
|
1531
|
+
readonly between: "cinematic";
|
|
1532
|
+
};
|
|
1533
|
+
readonly modes: readonly ["light", "dark"];
|
|
1534
|
+
readonly moods: readonly ["luxurious", "elegant", "calm"];
|
|
1535
|
+
readonly uupm: readonly ["Exaggerated Minimalism", "Liquid Glass (luxury rows, without the glass)"];
|
|
1536
|
+
readonly blurb: "Bronze on warm white. Expensive, never loud.";
|
|
1537
|
+
readonly slice: false;
|
|
1538
|
+
}, {
|
|
1539
|
+
readonly id: "after-dark";
|
|
1540
|
+
readonly name: "After dark";
|
|
1541
|
+
readonly flavorId: "midnight";
|
|
1542
|
+
readonly seed: "#DB2777";
|
|
1543
|
+
readonly tint: "subtle";
|
|
1544
|
+
readonly pairId: "grotesk";
|
|
1545
|
+
readonly shape: "soft";
|
|
1546
|
+
readonly density: "regular";
|
|
1547
|
+
readonly motion: "lively";
|
|
1548
|
+
readonly pillButtons: false;
|
|
1549
|
+
readonly moves: {
|
|
1550
|
+
readonly scroll: "smooth";
|
|
1551
|
+
readonly animate: "lively";
|
|
1552
|
+
readonly between: "slide";
|
|
1553
|
+
};
|
|
1554
|
+
readonly modes: readonly ["dark"];
|
|
1555
|
+
readonly moods: readonly ["bold", "energetic", "dark"];
|
|
1556
|
+
readonly uupm: readonly ["Dark Mode (OLED)", "Vibrant & Block-based"];
|
|
1557
|
+
readonly blurb: "A night out: dark rooms, one bright colour, lively motion.";
|
|
1558
|
+
readonly slice: false;
|
|
1559
|
+
}, {
|
|
1560
|
+
readonly id: "ink-studio";
|
|
1561
|
+
readonly name: "Ink studio";
|
|
1562
|
+
readonly flavorId: "midnight";
|
|
1563
|
+
readonly seed: "#EA580C";
|
|
1564
|
+
readonly tint: "neutral";
|
|
1565
|
+
readonly pairId: "inter-tight";
|
|
1566
|
+
readonly shape: "sharp";
|
|
1567
|
+
readonly density: "compact";
|
|
1568
|
+
readonly motion: "snappy";
|
|
1569
|
+
readonly pillButtons: false;
|
|
1570
|
+
readonly moves: {
|
|
1571
|
+
readonly scroll: "normal";
|
|
1572
|
+
readonly animate: "standard";
|
|
1573
|
+
readonly between: "slide";
|
|
1574
|
+
};
|
|
1575
|
+
readonly modes: readonly ["dark"];
|
|
1576
|
+
readonly moods: readonly ["bold", "dark", "crafted"];
|
|
1577
|
+
readonly uupm: readonly ["Dark Mode (OLED)", "Brutalism"];
|
|
1578
|
+
readonly blurb: "Black, sharp and orange. A shop with attitude.";
|
|
1579
|
+
readonly slice: false;
|
|
1580
|
+
}, {
|
|
1581
|
+
readonly id: "night-gallery";
|
|
1582
|
+
readonly name: "Night gallery";
|
|
1583
|
+
readonly flavorId: "midnight";
|
|
1584
|
+
readonly seed: "#8B9BB4";
|
|
1585
|
+
readonly tint: "neutral";
|
|
1586
|
+
readonly pairId: "geist";
|
|
1587
|
+
readonly shape: "sharp";
|
|
1588
|
+
readonly density: "airy";
|
|
1589
|
+
readonly motion: "calm";
|
|
1590
|
+
readonly pillButtons: false;
|
|
1591
|
+
readonly moves: {
|
|
1592
|
+
readonly scroll: "extra";
|
|
1593
|
+
readonly animate: "subtle";
|
|
1594
|
+
readonly between: "cinematic";
|
|
1595
|
+
};
|
|
1596
|
+
readonly modes: readonly ["dark", "light"];
|
|
1597
|
+
readonly moods: readonly ["minimal", "dark", "editorial"];
|
|
1598
|
+
readonly uupm: readonly ["Dark Mode (OLED)", "Minimalism & Swiss Style"];
|
|
1599
|
+
readonly blurb: "Pictures on black, like a darkened gallery.";
|
|
1600
|
+
readonly slice: true;
|
|
1601
|
+
}, {
|
|
1602
|
+
readonly id: "tech-studio";
|
|
1603
|
+
readonly name: "Tech studio";
|
|
1604
|
+
readonly flavorId: "midnight";
|
|
1605
|
+
readonly seed: "#059669";
|
|
1606
|
+
readonly tint: "subtle";
|
|
1607
|
+
readonly pairId: "geist";
|
|
1608
|
+
readonly shape: "soft";
|
|
1609
|
+
readonly density: "regular";
|
|
1610
|
+
readonly motion: "standard";
|
|
1611
|
+
readonly pillButtons: false;
|
|
1612
|
+
readonly moves: {
|
|
1613
|
+
readonly scroll: "normal";
|
|
1614
|
+
readonly animate: "standard";
|
|
1615
|
+
readonly between: "fade";
|
|
1616
|
+
};
|
|
1617
|
+
readonly modes: readonly ["dark", "light"];
|
|
1618
|
+
readonly moods: readonly ["technical", "bold", "professional"];
|
|
1619
|
+
readonly uupm: readonly ["Dark Mode (OLED)", "Minimalism & Swiss Style"];
|
|
1620
|
+
readonly blurb: "Dark, precise and modern, for people who build things.";
|
|
1621
|
+
readonly slice: false;
|
|
1622
|
+
}, {
|
|
1623
|
+
readonly id: "morning-glass";
|
|
1624
|
+
readonly name: "Morning glass";
|
|
1625
|
+
readonly flavorId: "glass";
|
|
1626
|
+
readonly seed: "#0E8A89";
|
|
1627
|
+
readonly tint: "subtle";
|
|
1628
|
+
readonly pairId: "figtree";
|
|
1629
|
+
readonly shape: "round";
|
|
1630
|
+
readonly density: "regular";
|
|
1631
|
+
readonly motion: "calm";
|
|
1632
|
+
readonly pillButtons: true;
|
|
1633
|
+
readonly moves: {
|
|
1634
|
+
readonly scroll: "smooth";
|
|
1635
|
+
readonly animate: "subtle";
|
|
1636
|
+
readonly between: "fade";
|
|
1637
|
+
};
|
|
1638
|
+
readonly modes: readonly ["light"];
|
|
1639
|
+
readonly moods: readonly ["calm", "friendly", "natural"];
|
|
1640
|
+
readonly uupm: readonly ["Glassmorphism", "Soft UI Evolution"];
|
|
1641
|
+
readonly blurb: "Frosted panels over a soft teal light. Fresh and calm.";
|
|
1642
|
+
readonly slice: true;
|
|
1643
|
+
}, {
|
|
1644
|
+
readonly id: "holiday-light";
|
|
1645
|
+
readonly name: "Holiday light";
|
|
1646
|
+
readonly flavorId: "glass";
|
|
1647
|
+
readonly seed: "#0A66E8";
|
|
1648
|
+
readonly tint: "rich";
|
|
1649
|
+
readonly pairId: "jakarta";
|
|
1650
|
+
readonly shape: "round";
|
|
1651
|
+
readonly density: "regular";
|
|
1652
|
+
readonly motion: "lively";
|
|
1653
|
+
readonly pillButtons: true;
|
|
1654
|
+
readonly moves: {
|
|
1655
|
+
readonly scroll: "smooth";
|
|
1656
|
+
readonly animate: "lively";
|
|
1657
|
+
readonly between: "slide";
|
|
1658
|
+
};
|
|
1659
|
+
readonly modes: readonly ["light"];
|
|
1660
|
+
readonly moods: readonly ["friendly", "energetic"];
|
|
1661
|
+
readonly uupm: readonly ["Liquid Glass", "Glassmorphism"];
|
|
1662
|
+
readonly blurb: "Sea-blue glass and big photos. Makes people want to go.";
|
|
1663
|
+
readonly slice: false;
|
|
1664
|
+
}, {
|
|
1665
|
+
readonly id: "frosted-portfolio";
|
|
1666
|
+
readonly name: "Frosted portfolio";
|
|
1667
|
+
readonly flavorId: "glass";
|
|
1668
|
+
readonly seed: "#1F2937";
|
|
1669
|
+
readonly tint: "neutral";
|
|
1670
|
+
readonly pairId: "manrope";
|
|
1671
|
+
readonly shape: "round";
|
|
1672
|
+
readonly density: "airy";
|
|
1673
|
+
readonly motion: "calm";
|
|
1674
|
+
readonly pillButtons: true;
|
|
1675
|
+
readonly moves: {
|
|
1676
|
+
readonly scroll: "extra";
|
|
1677
|
+
readonly animate: "subtle";
|
|
1678
|
+
readonly between: "cinematic";
|
|
1679
|
+
};
|
|
1680
|
+
readonly modes: readonly ["light", "dark"];
|
|
1681
|
+
readonly moods: readonly ["minimal", "elegant"];
|
|
1682
|
+
readonly uupm: readonly ["Glassmorphism", "Spatial UI (VisionOS)"];
|
|
1683
|
+
readonly blurb: "Grey glass and lots of space around your pictures.";
|
|
1684
|
+
readonly slice: true;
|
|
1685
|
+
}, {
|
|
1686
|
+
readonly id: "coral-studio";
|
|
1687
|
+
readonly name: "Coral studio";
|
|
1688
|
+
readonly flavorId: "glass";
|
|
1689
|
+
readonly seed: "#E5484D";
|
|
1690
|
+
readonly tint: "subtle";
|
|
1691
|
+
readonly pairId: "figtree";
|
|
1692
|
+
readonly shape: "round";
|
|
1693
|
+
readonly density: "regular";
|
|
1694
|
+
readonly motion: "lively";
|
|
1695
|
+
readonly pillButtons: true;
|
|
1696
|
+
readonly moves: {
|
|
1697
|
+
readonly scroll: "smooth";
|
|
1698
|
+
readonly animate: "lively";
|
|
1699
|
+
readonly between: "slide";
|
|
1700
|
+
};
|
|
1701
|
+
readonly modes: readonly ["light"];
|
|
1702
|
+
readonly moods: readonly ["energetic", "friendly"];
|
|
1703
|
+
readonly uupm: readonly ["Glassmorphism", "Vibrant & Block-based"];
|
|
1704
|
+
readonly blurb: "Warm coral and bouncy buttons. Full of energy.";
|
|
1705
|
+
readonly slice: false;
|
|
1706
|
+
}, {
|
|
1707
|
+
readonly id: "corner-cafe";
|
|
1708
|
+
readonly name: "Corner café";
|
|
1709
|
+
readonly flavorId: "bloom";
|
|
1710
|
+
readonly seed: "#9C4146";
|
|
1711
|
+
readonly tint: "subtle";
|
|
1712
|
+
readonly pairId: "bricolage";
|
|
1713
|
+
readonly shape: "bubbly";
|
|
1714
|
+
readonly density: "regular";
|
|
1715
|
+
readonly motion: "lively";
|
|
1716
|
+
readonly pillButtons: true;
|
|
1717
|
+
readonly moves: {
|
|
1718
|
+
readonly scroll: "smooth";
|
|
1719
|
+
readonly animate: "lively";
|
|
1720
|
+
readonly between: "slide";
|
|
1721
|
+
};
|
|
1722
|
+
readonly modes: readonly ["light"];
|
|
1723
|
+
readonly moods: readonly ["warm", "friendly", "playful"];
|
|
1724
|
+
readonly uupm: readonly ["Vibrant & Block-based", "Soft UI Evolution"];
|
|
1725
|
+
readonly blurb: "Berry red, round shapes, a cheerful headline face.";
|
|
1726
|
+
readonly slice: true;
|
|
1727
|
+
}, {
|
|
1728
|
+
readonly id: "kind-community";
|
|
1729
|
+
readonly name: "Kind community";
|
|
1730
|
+
readonly flavorId: "bloom";
|
|
1731
|
+
readonly seed: "#3B6939";
|
|
1732
|
+
readonly tint: "subtle";
|
|
1733
|
+
readonly pairId: "nunito";
|
|
1734
|
+
readonly shape: "bubbly";
|
|
1735
|
+
readonly density: "regular";
|
|
1736
|
+
readonly motion: "standard";
|
|
1737
|
+
readonly pillButtons: true;
|
|
1738
|
+
readonly moves: {
|
|
1739
|
+
readonly scroll: "normal";
|
|
1740
|
+
readonly animate: "standard";
|
|
1741
|
+
readonly between: "fade";
|
|
1742
|
+
};
|
|
1743
|
+
readonly modes: readonly ["light"];
|
|
1744
|
+
readonly moods: readonly ["friendly", "natural", "trustworthy"];
|
|
1745
|
+
readonly uupm: readonly ["Accessible & Ethical", "Organic Biophilic"];
|
|
1746
|
+
readonly blurb: "Leaf green and soft, open shapes. Welcoming to everyone.";
|
|
1747
|
+
readonly slice: false;
|
|
1748
|
+
}, {
|
|
1749
|
+
readonly id: "little-ones";
|
|
1750
|
+
readonly name: "Little ones";
|
|
1751
|
+
readonly flavorId: "bloom";
|
|
1752
|
+
readonly seed: "#006A6A";
|
|
1753
|
+
readonly tint: "rich";
|
|
1754
|
+
readonly pairId: "sans-flex";
|
|
1755
|
+
readonly shape: "bubbly";
|
|
1756
|
+
readonly density: "regular";
|
|
1757
|
+
readonly motion: "lively";
|
|
1758
|
+
readonly pillButtons: true;
|
|
1759
|
+
readonly moves: {
|
|
1760
|
+
readonly scroll: "normal";
|
|
1761
|
+
readonly animate: "lively";
|
|
1762
|
+
readonly between: "slide";
|
|
1763
|
+
};
|
|
1764
|
+
readonly modes: readonly ["light"];
|
|
1765
|
+
readonly moods: readonly ["playful", "friendly"];
|
|
1766
|
+
readonly uupm: readonly ["Claymorphism", "Vibrant & Block-based"];
|
|
1767
|
+
readonly blurb: "Teal, chunky and playful. Made for families.";
|
|
1768
|
+
readonly slice: false;
|
|
1769
|
+
}, {
|
|
1770
|
+
readonly id: "garden-party";
|
|
1771
|
+
readonly name: "Garden party";
|
|
1772
|
+
readonly flavorId: "bloom";
|
|
1773
|
+
readonly seed: "#7D5260";
|
|
1774
|
+
readonly tint: "subtle";
|
|
1775
|
+
readonly pairId: "bricolage";
|
|
1776
|
+
readonly shape: "bubbly";
|
|
1777
|
+
readonly density: "airy";
|
|
1778
|
+
readonly motion: "standard";
|
|
1779
|
+
readonly pillButtons: true;
|
|
1780
|
+
readonly moves: {
|
|
1781
|
+
readonly scroll: "smooth";
|
|
1782
|
+
readonly animate: "standard";
|
|
1783
|
+
readonly between: "fade";
|
|
1784
|
+
};
|
|
1785
|
+
readonly modes: readonly ["light"];
|
|
1786
|
+
readonly moods: readonly ["romantic", "warm", "friendly"];
|
|
1787
|
+
readonly uupm: readonly ["Soft UI Evolution", "Organic Biophilic"];
|
|
1788
|
+
readonly blurb: "Dusty rose and soft lavender light. A celebration.";
|
|
1789
|
+
readonly slice: true;
|
|
1790
|
+
}, {
|
|
1791
|
+
readonly id: "bold-maker";
|
|
1792
|
+
readonly name: "Bold maker";
|
|
1793
|
+
readonly flavorId: "pop";
|
|
1794
|
+
readonly seed: "#FF5C39";
|
|
1795
|
+
readonly tint: "subtle";
|
|
1796
|
+
readonly pairId: "grotesk";
|
|
1797
|
+
readonly shape: "subtle";
|
|
1798
|
+
readonly density: "compact";
|
|
1799
|
+
readonly motion: "snappy";
|
|
1800
|
+
readonly pillButtons: false;
|
|
1801
|
+
readonly moves: {
|
|
1802
|
+
readonly scroll: "normal";
|
|
1803
|
+
readonly animate: "lively";
|
|
1804
|
+
readonly between: "slide";
|
|
1805
|
+
};
|
|
1806
|
+
readonly modes: readonly ["light"];
|
|
1807
|
+
readonly moods: readonly ["bold", "playful", "crafted"];
|
|
1808
|
+
readonly uupm: readonly ["Neubrutalism", "Vibrant & Block-based"];
|
|
1809
|
+
readonly blurb: "Thick outlines and orange. Proud of what you make.";
|
|
1810
|
+
readonly slice: true;
|
|
1811
|
+
}, {
|
|
1812
|
+
readonly id: "festival";
|
|
1813
|
+
readonly name: "Festival";
|
|
1814
|
+
readonly flavorId: "pop";
|
|
1815
|
+
readonly seed: "#FF4FA3";
|
|
1816
|
+
readonly tint: "subtle";
|
|
1817
|
+
readonly pairId: "archivo";
|
|
1818
|
+
readonly shape: "subtle";
|
|
1819
|
+
readonly density: "compact";
|
|
1820
|
+
readonly motion: "snappy";
|
|
1821
|
+
readonly pillButtons: false;
|
|
1822
|
+
readonly moves: {
|
|
1823
|
+
readonly scroll: "normal";
|
|
1824
|
+
readonly animate: "lively";
|
|
1825
|
+
readonly between: "slide";
|
|
1826
|
+
};
|
|
1827
|
+
readonly modes: readonly ["light", "dark"];
|
|
1828
|
+
readonly moods: readonly ["energetic", "bold", "playful"];
|
|
1829
|
+
readonly uupm: readonly ["Memphis Design", "Vibrant & Block-based"];
|
|
1830
|
+
readonly blurb: "Pink, heavy type, poster energy.";
|
|
1831
|
+
readonly slice: false;
|
|
1832
|
+
}, {
|
|
1833
|
+
readonly id: "zine";
|
|
1834
|
+
readonly name: "Zine";
|
|
1835
|
+
readonly flavorId: "pop";
|
|
1836
|
+
readonly seed: "#3D5AFE";
|
|
1837
|
+
readonly tint: "neutral";
|
|
1838
|
+
readonly pairId: "syne";
|
|
1839
|
+
readonly shape: "sharp";
|
|
1840
|
+
readonly density: "regular";
|
|
1841
|
+
readonly motion: "snappy";
|
|
1842
|
+
readonly pillButtons: false;
|
|
1843
|
+
readonly moves: {
|
|
1844
|
+
readonly scroll: "normal";
|
|
1845
|
+
readonly animate: "standard";
|
|
1846
|
+
readonly between: "slide";
|
|
1847
|
+
};
|
|
1848
|
+
readonly modes: readonly ["light"];
|
|
1849
|
+
readonly moods: readonly ["bold", "editorial", "playful"];
|
|
1850
|
+
readonly uupm: readonly ["Brutalism", "Anti-Polish / Raw Aesthetic"];
|
|
1851
|
+
readonly blurb: "Electric blue and an odd, wide face. Made by hand, on purpose.";
|
|
1852
|
+
readonly slice: false;
|
|
1853
|
+
}, {
|
|
1854
|
+
readonly id: "fresh-market";
|
|
1855
|
+
readonly name: "Fresh market";
|
|
1856
|
+
readonly flavorId: "pop";
|
|
1857
|
+
readonly seed: "#00B86B";
|
|
1858
|
+
readonly tint: "subtle";
|
|
1859
|
+
readonly pairId: "grotesk";
|
|
1860
|
+
readonly shape: "subtle";
|
|
1861
|
+
readonly density: "regular";
|
|
1862
|
+
readonly motion: "snappy";
|
|
1863
|
+
readonly pillButtons: false;
|
|
1864
|
+
readonly moves: {
|
|
1865
|
+
readonly scroll: "normal";
|
|
1866
|
+
readonly animate: "standard";
|
|
1867
|
+
readonly between: "slide";
|
|
1868
|
+
};
|
|
1869
|
+
readonly modes: readonly ["light"];
|
|
1870
|
+
readonly moods: readonly ["energetic", "friendly", "natural"];
|
|
1871
|
+
readonly uupm: readonly ["Vibrant & Block-based", "Flat Design"];
|
|
1872
|
+
readonly blurb: "Green and bright, like a market stall in the morning.";
|
|
1873
|
+
readonly slice: false;
|
|
1874
|
+
}];
|
|
1875
|
+
declare const SPEC_SCRIPTS: {
|
|
1876
|
+
readonly hebrew: {
|
|
1877
|
+
readonly locales: readonly ["he"];
|
|
1878
|
+
readonly families: readonly ["Heebo", "Assistant", "Rubik", "Frank Ruhl Libre", "Bellefair", "Varela Round", "Secular One", "IBM Plex Sans Hebrew", "Open Sans"];
|
|
1879
|
+
};
|
|
1880
|
+
};
|
|
1351
1881
|
declare const SPEC_FONTS: {
|
|
1352
1882
|
readonly Inter: "Inter:wght@300;400;500;600;700";
|
|
1353
1883
|
readonly "Inter Tight": "Inter+Tight:wght@500;600;700";
|
|
@@ -1379,6 +1909,14 @@ declare const SPEC_FONTS: {
|
|
|
1379
1909
|
readonly "Playfair Display": "Playfair+Display:ital,wght@0,400;0,500;0,700;1,400";
|
|
1380
1910
|
readonly Oswald: "Oswald:wght@300;400;500;600;700";
|
|
1381
1911
|
readonly Ubuntu: "Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400";
|
|
1912
|
+
readonly Heebo: "Heebo:wght@400;500;600;700;800";
|
|
1913
|
+
readonly Assistant: "Assistant:wght@400;500;600;700;800";
|
|
1914
|
+
readonly Rubik: "Rubik:wght@400;500;600;700;800";
|
|
1915
|
+
readonly "Frank Ruhl Libre": "Frank+Ruhl+Libre:wght@400;500;700";
|
|
1916
|
+
readonly Bellefair: "Bellefair";
|
|
1917
|
+
readonly "Varela Round": "Varela+Round";
|
|
1918
|
+
readonly "Secular One": "Secular+One";
|
|
1919
|
+
readonly "IBM Plex Sans Hebrew": "IBM+Plex+Sans+Hebrew:wght@400;500;600;700";
|
|
1382
1920
|
};
|
|
1383
1921
|
declare const SPEC_SCHEMES: {
|
|
1384
1922
|
readonly default: {
|
|
@@ -2619,9 +3157,9 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
2619
3157
|
readonly id: "inter-tight";
|
|
2620
3158
|
readonly label: "Inter Tight + Inter";
|
|
2621
3159
|
readonly tokens: {
|
|
2622
|
-
readonly "font-display": "'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2623
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2624
|
-
readonly "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3160
|
+
readonly "font-display": "'Inter Tight', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3161
|
+
readonly "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3162
|
+
readonly "font-label": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2625
3163
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
2626
3164
|
readonly "weight-display": "600";
|
|
2627
3165
|
readonly "weight-label": "600";
|
|
@@ -2629,13 +3167,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
2629
3167
|
readonly "tracking-label": "0.08em";
|
|
2630
3168
|
};
|
|
2631
3169
|
readonly families: readonly ["Inter Tight", "Inter"];
|
|
3170
|
+
readonly hebrew: {
|
|
3171
|
+
readonly display: "Heebo";
|
|
3172
|
+
readonly body: "Heebo";
|
|
3173
|
+
};
|
|
2632
3174
|
}, {
|
|
2633
3175
|
readonly id: "manrope";
|
|
2634
3176
|
readonly label: "Manrope + Inter";
|
|
2635
3177
|
readonly tokens: {
|
|
2636
|
-
readonly "font-display": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2637
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2638
|
-
readonly "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3178
|
+
readonly "font-display": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3179
|
+
readonly "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3180
|
+
readonly "font-label": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2639
3181
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
2640
3182
|
readonly "weight-display": "700";
|
|
2641
3183
|
readonly "weight-label": "600";
|
|
@@ -2643,13 +3185,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
2643
3185
|
readonly "tracking-label": "0.08em";
|
|
2644
3186
|
};
|
|
2645
3187
|
readonly families: readonly ["Manrope", "Inter"];
|
|
3188
|
+
readonly hebrew: {
|
|
3189
|
+
readonly display: "Heebo";
|
|
3190
|
+
readonly body: "Heebo";
|
|
3191
|
+
};
|
|
2646
3192
|
}, {
|
|
2647
3193
|
readonly id: "plex";
|
|
2648
3194
|
readonly label: "IBM Plex Sans";
|
|
2649
3195
|
readonly tokens: {
|
|
2650
|
-
readonly "font-display": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2651
|
-
readonly "font-body": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2652
|
-
readonly "font-label": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3196
|
+
readonly "font-display": "'IBM Plex Sans', 'IBM Plex Sans Hebrew', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3197
|
+
readonly "font-body": "'IBM Plex Sans', 'IBM Plex Sans Hebrew', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3198
|
+
readonly "font-label": "'IBM Plex Sans', 'IBM Plex Sans Hebrew', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2653
3199
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
2654
3200
|
readonly "weight-display": "600";
|
|
2655
3201
|
readonly "weight-label": "600";
|
|
@@ -2657,6 +3203,10 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
2657
3203
|
readonly "tracking-label": "0.08em";
|
|
2658
3204
|
};
|
|
2659
3205
|
readonly families: readonly ["IBM Plex Sans"];
|
|
3206
|
+
readonly hebrew: {
|
|
3207
|
+
readonly display: "IBM Plex Sans Hebrew";
|
|
3208
|
+
readonly body: "IBM Plex Sans Hebrew";
|
|
3209
|
+
};
|
|
2660
3210
|
}];
|
|
2661
3211
|
readonly palette: {
|
|
2662
3212
|
readonly light: {
|
|
@@ -2942,19 +3492,19 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
2942
3492
|
readonly tier: "semantic";
|
|
2943
3493
|
readonly type: "font";
|
|
2944
3494
|
readonly group: "type";
|
|
2945
|
-
readonly value: "'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3495
|
+
readonly value: "'Inter Tight', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2946
3496
|
}, {
|
|
2947
3497
|
readonly name: "font-body";
|
|
2948
3498
|
readonly tier: "semantic";
|
|
2949
3499
|
readonly type: "font";
|
|
2950
3500
|
readonly group: "type";
|
|
2951
|
-
readonly value: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3501
|
+
readonly value: "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2952
3502
|
}, {
|
|
2953
3503
|
readonly name: "font-label";
|
|
2954
3504
|
readonly tier: "semantic";
|
|
2955
3505
|
readonly type: "font";
|
|
2956
3506
|
readonly group: "type";
|
|
2957
|
-
readonly value: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
3507
|
+
readonly value: "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
2958
3508
|
}, {
|
|
2959
3509
|
readonly name: "font-mono";
|
|
2960
3510
|
readonly tier: "semantic";
|
|
@@ -4132,9 +4682,9 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4132
4682
|
readonly id: "cormorant";
|
|
4133
4683
|
readonly label: "Cormorant Garamond + Manrope";
|
|
4134
4684
|
readonly tokens: {
|
|
4135
|
-
readonly "font-display": "'Cormorant Garamond', Georgia, 'Times New Roman', serif";
|
|
4136
|
-
readonly "font-body": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4137
|
-
readonly "font-label": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4685
|
+
readonly "font-display": "'Cormorant Garamond', 'Bellefair', Georgia, 'Times New Roman', serif";
|
|
4686
|
+
readonly "font-body": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4687
|
+
readonly "font-label": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4138
4688
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
4139
4689
|
readonly "weight-display": "500";
|
|
4140
4690
|
readonly "weight-label": "600";
|
|
@@ -4142,13 +4692,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4142
4692
|
readonly "tracking-label": "0.12em";
|
|
4143
4693
|
};
|
|
4144
4694
|
readonly families: readonly ["Cormorant Garamond", "Manrope"];
|
|
4695
|
+
readonly hebrew: {
|
|
4696
|
+
readonly display: "Bellefair";
|
|
4697
|
+
readonly body: "Heebo";
|
|
4698
|
+
};
|
|
4145
4699
|
}, {
|
|
4146
4700
|
readonly id: "instrument";
|
|
4147
4701
|
readonly label: "Instrument Serif + Inter";
|
|
4148
4702
|
readonly tokens: {
|
|
4149
|
-
readonly "font-display": "'Instrument Serif', Georgia, 'Times New Roman', serif";
|
|
4150
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4151
|
-
readonly "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4703
|
+
readonly "font-display": "'Instrument Serif', 'Bellefair', Georgia, 'Times New Roman', serif";
|
|
4704
|
+
readonly "font-body": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4705
|
+
readonly "font-label": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4152
4706
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
4153
4707
|
readonly "weight-display": "400";
|
|
4154
4708
|
readonly "weight-label": "600";
|
|
@@ -4156,13 +4710,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4156
4710
|
readonly "tracking-label": "0.12em";
|
|
4157
4711
|
};
|
|
4158
4712
|
readonly families: readonly ["Instrument Serif", "Inter"];
|
|
4713
|
+
readonly hebrew: {
|
|
4714
|
+
readonly display: "Bellefair";
|
|
4715
|
+
readonly body: "Assistant";
|
|
4716
|
+
};
|
|
4159
4717
|
}, {
|
|
4160
4718
|
readonly id: "fraunces";
|
|
4161
4719
|
readonly label: "Fraunces + Manrope";
|
|
4162
4720
|
readonly tokens: {
|
|
4163
|
-
readonly "font-display": "'Fraunces', Georgia, 'Times New Roman', serif";
|
|
4164
|
-
readonly "font-body": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4165
|
-
readonly "font-label": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4721
|
+
readonly "font-display": "'Fraunces', 'Frank Ruhl Libre', Georgia, 'Times New Roman', serif";
|
|
4722
|
+
readonly "font-body": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4723
|
+
readonly "font-label": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4166
4724
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
4167
4725
|
readonly "weight-display": "400";
|
|
4168
4726
|
readonly "weight-label": "600";
|
|
@@ -4170,6 +4728,10 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4170
4728
|
readonly "tracking-label": "0.12em";
|
|
4171
4729
|
};
|
|
4172
4730
|
readonly families: readonly ["Fraunces", "Manrope"];
|
|
4731
|
+
readonly hebrew: {
|
|
4732
|
+
readonly display: "Frank Ruhl Libre";
|
|
4733
|
+
readonly body: "Heebo";
|
|
4734
|
+
};
|
|
4173
4735
|
}];
|
|
4174
4736
|
readonly palette: {
|
|
4175
4737
|
readonly light: {
|
|
@@ -4455,19 +5017,19 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4455
5017
|
readonly tier: "semantic";
|
|
4456
5018
|
readonly type: "font";
|
|
4457
5019
|
readonly group: "type";
|
|
4458
|
-
readonly value: "'Cormorant Garamond', Georgia, 'Times New Roman', serif";
|
|
5020
|
+
readonly value: "'Cormorant Garamond', 'Bellefair', Georgia, 'Times New Roman', serif";
|
|
4459
5021
|
}, {
|
|
4460
5022
|
readonly name: "font-body";
|
|
4461
5023
|
readonly tier: "semantic";
|
|
4462
5024
|
readonly type: "font";
|
|
4463
5025
|
readonly group: "type";
|
|
4464
|
-
readonly value: "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5026
|
+
readonly value: "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4465
5027
|
}, {
|
|
4466
5028
|
readonly name: "font-label";
|
|
4467
5029
|
readonly tier: "semantic";
|
|
4468
5030
|
readonly type: "font";
|
|
4469
5031
|
readonly group: "type";
|
|
4470
|
-
readonly value: "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5032
|
+
readonly value: "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
4471
5033
|
}, {
|
|
4472
5034
|
readonly name: "font-mono";
|
|
4473
5035
|
readonly tier: "semantic";
|
|
@@ -5670,9 +6232,9 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5670
6232
|
readonly id: "geist";
|
|
5671
6233
|
readonly label: "Geist + Geist Mono";
|
|
5672
6234
|
readonly tokens: {
|
|
5673
|
-
readonly "font-display": "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5674
|
-
readonly "font-body": "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5675
|
-
readonly "font-label": "'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
6235
|
+
readonly "font-display": "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6236
|
+
readonly "font-body": "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6237
|
+
readonly "font-label": "'Geist Mono', 'Rubik', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
5676
6238
|
readonly "font-mono": "'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
5677
6239
|
readonly "weight-display": "600";
|
|
5678
6240
|
readonly "weight-label": "500";
|
|
@@ -5680,13 +6242,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5680
6242
|
readonly "tracking-label": "0.06em";
|
|
5681
6243
|
};
|
|
5682
6244
|
readonly families: readonly ["Geist", "Geist Mono"];
|
|
6245
|
+
readonly hebrew: {
|
|
6246
|
+
readonly display: "Rubik";
|
|
6247
|
+
readonly body: "Rubik";
|
|
6248
|
+
};
|
|
5683
6249
|
}, {
|
|
5684
6250
|
readonly id: "inter-tight";
|
|
5685
6251
|
readonly label: "Inter Tight + JetBrains Mono";
|
|
5686
6252
|
readonly tokens: {
|
|
5687
|
-
readonly "font-display": "'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5688
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5689
|
-
readonly "font-label": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
6253
|
+
readonly "font-display": "'Inter Tight', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6254
|
+
readonly "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6255
|
+
readonly "font-label": "'JetBrains Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
5690
6256
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
5691
6257
|
readonly "weight-display": "600";
|
|
5692
6258
|
readonly "weight-label": "500";
|
|
@@ -5694,13 +6260,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5694
6260
|
readonly "tracking-label": "0.06em";
|
|
5695
6261
|
};
|
|
5696
6262
|
readonly families: readonly ["Inter Tight", "Inter", "JetBrains Mono"];
|
|
6263
|
+
readonly hebrew: {
|
|
6264
|
+
readonly display: "Heebo";
|
|
6265
|
+
readonly body: "Heebo";
|
|
6266
|
+
};
|
|
5697
6267
|
}, {
|
|
5698
6268
|
readonly id: "grotesk";
|
|
5699
6269
|
readonly label: "Space Grotesk + JetBrains Mono";
|
|
5700
6270
|
readonly tokens: {
|
|
5701
|
-
readonly "font-display": "'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5702
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5703
|
-
readonly "font-label": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
6271
|
+
readonly "font-display": "'Space Grotesk', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6272
|
+
readonly "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6273
|
+
readonly "font-label": "'JetBrains Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
5704
6274
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
5705
6275
|
readonly "weight-display": "700";
|
|
5706
6276
|
readonly "weight-label": "500";
|
|
@@ -5708,6 +6278,10 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5708
6278
|
readonly "tracking-label": "0.06em";
|
|
5709
6279
|
};
|
|
5710
6280
|
readonly families: readonly ["Space Grotesk", "Inter", "JetBrains Mono"];
|
|
6281
|
+
readonly hebrew: {
|
|
6282
|
+
readonly display: "Rubik";
|
|
6283
|
+
readonly body: "Heebo";
|
|
6284
|
+
};
|
|
5711
6285
|
}];
|
|
5712
6286
|
readonly palette: {
|
|
5713
6287
|
readonly light: {
|
|
@@ -5993,19 +6567,19 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5993
6567
|
readonly tier: "semantic";
|
|
5994
6568
|
readonly type: "font";
|
|
5995
6569
|
readonly group: "type";
|
|
5996
|
-
readonly value: "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6570
|
+
readonly value: "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
5997
6571
|
}, {
|
|
5998
6572
|
readonly name: "font-body";
|
|
5999
6573
|
readonly tier: "semantic";
|
|
6000
6574
|
readonly type: "font";
|
|
6001
6575
|
readonly group: "type";
|
|
6002
|
-
readonly value: "'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6576
|
+
readonly value: "'Geist', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
6003
6577
|
}, {
|
|
6004
6578
|
readonly name: "font-label";
|
|
6005
6579
|
readonly tier: "semantic";
|
|
6006
6580
|
readonly type: "font";
|
|
6007
6581
|
readonly group: "type";
|
|
6008
|
-
readonly value: "'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
6582
|
+
readonly value: "'Geist Mono', 'Rubik', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
6009
6583
|
}, {
|
|
6010
6584
|
readonly name: "font-mono";
|
|
6011
6585
|
readonly tier: "semantic";
|
|
@@ -7194,9 +7768,9 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7194
7768
|
readonly id: "jakarta";
|
|
7195
7769
|
readonly label: "Plus Jakarta Sans + Inter";
|
|
7196
7770
|
readonly tokens: {
|
|
7197
|
-
readonly "font-display": "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7198
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7199
|
-
readonly "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7771
|
+
readonly "font-display": "'Plus Jakarta Sans', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7772
|
+
readonly "font-body": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7773
|
+
readonly "font-label": "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7200
7774
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
7201
7775
|
readonly "weight-display": "700";
|
|
7202
7776
|
readonly "weight-label": "600";
|
|
@@ -7204,13 +7778,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7204
7778
|
readonly "tracking-label": "0em";
|
|
7205
7779
|
};
|
|
7206
7780
|
readonly families: readonly ["Plus Jakarta Sans", "Inter"];
|
|
7781
|
+
readonly hebrew: {
|
|
7782
|
+
readonly display: "Assistant";
|
|
7783
|
+
readonly body: "Assistant";
|
|
7784
|
+
};
|
|
7207
7785
|
}, {
|
|
7208
7786
|
readonly id: "figtree";
|
|
7209
7787
|
readonly label: "Figtree";
|
|
7210
7788
|
readonly tokens: {
|
|
7211
|
-
readonly "font-display": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7212
|
-
readonly "font-body": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7213
|
-
readonly "font-label": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7789
|
+
readonly "font-display": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7790
|
+
readonly "font-body": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7791
|
+
readonly "font-label": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7214
7792
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
7215
7793
|
readonly "weight-display": "700";
|
|
7216
7794
|
readonly "weight-label": "600";
|
|
@@ -7218,13 +7796,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7218
7796
|
readonly "tracking-label": "0em";
|
|
7219
7797
|
};
|
|
7220
7798
|
readonly families: readonly ["Figtree"];
|
|
7799
|
+
readonly hebrew: {
|
|
7800
|
+
readonly display: "Assistant";
|
|
7801
|
+
readonly body: "Assistant";
|
|
7802
|
+
};
|
|
7221
7803
|
}, {
|
|
7222
7804
|
readonly id: "manrope";
|
|
7223
7805
|
readonly label: "Manrope + Inter";
|
|
7224
7806
|
readonly tokens: {
|
|
7225
|
-
readonly "font-display": "'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7226
|
-
readonly "font-body": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7227
|
-
readonly "font-label": "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7807
|
+
readonly "font-display": "'Manrope', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7808
|
+
readonly "font-body": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7809
|
+
readonly "font-label": "'Inter', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7228
7810
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
7229
7811
|
readonly "weight-display": "700";
|
|
7230
7812
|
readonly "weight-label": "600";
|
|
@@ -7232,6 +7814,10 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7232
7814
|
readonly "tracking-label": "0em";
|
|
7233
7815
|
};
|
|
7234
7816
|
readonly families: readonly ["Manrope", "Inter"];
|
|
7817
|
+
readonly hebrew: {
|
|
7818
|
+
readonly display: "Heebo";
|
|
7819
|
+
readonly body: "Heebo";
|
|
7820
|
+
};
|
|
7235
7821
|
}];
|
|
7236
7822
|
readonly palette: {
|
|
7237
7823
|
readonly light: {
|
|
@@ -7530,19 +8116,19 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7530
8116
|
readonly tier: "semantic";
|
|
7531
8117
|
readonly type: "font";
|
|
7532
8118
|
readonly group: "type";
|
|
7533
|
-
readonly value: "'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8119
|
+
readonly value: "'Plus Jakarta Sans', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7534
8120
|
}, {
|
|
7535
8121
|
readonly name: "font-body";
|
|
7536
8122
|
readonly tier: "semantic";
|
|
7537
8123
|
readonly type: "font";
|
|
7538
8124
|
readonly group: "type";
|
|
7539
|
-
readonly value: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8125
|
+
readonly value: "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7540
8126
|
}, {
|
|
7541
8127
|
readonly name: "font-label";
|
|
7542
8128
|
readonly tier: "semantic";
|
|
7543
8129
|
readonly type: "font";
|
|
7544
8130
|
readonly group: "type";
|
|
7545
|
-
readonly value: "'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8131
|
+
readonly value: "'Inter', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
7546
8132
|
}, {
|
|
7547
8133
|
readonly name: "font-mono";
|
|
7548
8134
|
readonly tier: "semantic";
|
|
@@ -8763,9 +9349,9 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8763
9349
|
readonly id: "sans-flex";
|
|
8764
9350
|
readonly label: "Google Sans Flex + Figtree";
|
|
8765
9351
|
readonly tokens: {
|
|
8766
|
-
readonly "font-display": "'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8767
|
-
readonly "font-body": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8768
|
-
readonly "font-label": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9352
|
+
readonly "font-display": "'Google Sans Flex', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9353
|
+
readonly "font-body": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9354
|
+
readonly "font-label": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8769
9355
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
8770
9356
|
readonly "weight-display": "700";
|
|
8771
9357
|
readonly "weight-label": "700";
|
|
@@ -8773,13 +9359,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8773
9359
|
readonly "tracking-label": "0.01em";
|
|
8774
9360
|
};
|
|
8775
9361
|
readonly families: readonly ["Google Sans Flex", "Figtree"];
|
|
9362
|
+
readonly hebrew: {
|
|
9363
|
+
readonly display: "Varela Round";
|
|
9364
|
+
readonly body: "Assistant";
|
|
9365
|
+
};
|
|
8776
9366
|
}, {
|
|
8777
9367
|
readonly id: "bricolage";
|
|
8778
9368
|
readonly label: "Bricolage Grotesque + Figtree";
|
|
8779
9369
|
readonly tokens: {
|
|
8780
|
-
readonly "font-display": "'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8781
|
-
readonly "font-body": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8782
|
-
readonly "font-label": "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9370
|
+
readonly "font-display": "'Bricolage Grotesque', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9371
|
+
readonly "font-body": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9372
|
+
readonly "font-label": "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8783
9373
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
8784
9374
|
readonly "weight-display": "700";
|
|
8785
9375
|
readonly "weight-label": "700";
|
|
@@ -8787,13 +9377,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8787
9377
|
readonly "tracking-label": "0.01em";
|
|
8788
9378
|
};
|
|
8789
9379
|
readonly families: readonly ["Bricolage Grotesque", "Figtree"];
|
|
9380
|
+
readonly hebrew: {
|
|
9381
|
+
readonly display: "Rubik";
|
|
9382
|
+
readonly body: "Assistant";
|
|
9383
|
+
};
|
|
8790
9384
|
}, {
|
|
8791
9385
|
readonly id: "nunito";
|
|
8792
9386
|
readonly label: "Nunito";
|
|
8793
9387
|
readonly tokens: {
|
|
8794
|
-
readonly "font-display": "'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8795
|
-
readonly "font-body": "'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8796
|
-
readonly "font-label": "'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9388
|
+
readonly "font-display": "'Nunito', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9389
|
+
readonly "font-body": "'Nunito', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9390
|
+
readonly "font-label": "'Nunito', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
8797
9391
|
readonly "font-mono": "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
8798
9392
|
readonly "weight-display": "800";
|
|
8799
9393
|
readonly "weight-label": "700";
|
|
@@ -8801,6 +9395,10 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8801
9395
|
readonly "tracking-label": "0.01em";
|
|
8802
9396
|
};
|
|
8803
9397
|
readonly families: readonly ["Nunito"];
|
|
9398
|
+
readonly hebrew: {
|
|
9399
|
+
readonly display: "Varela Round";
|
|
9400
|
+
readonly body: "Varela Round";
|
|
9401
|
+
};
|
|
8804
9402
|
}];
|
|
8805
9403
|
readonly palette: {
|
|
8806
9404
|
readonly light: {
|
|
@@ -9085,19 +9683,19 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
9085
9683
|
readonly tier: "semantic";
|
|
9086
9684
|
readonly type: "font";
|
|
9087
9685
|
readonly group: "type";
|
|
9088
|
-
readonly value: "'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9686
|
+
readonly value: "'Google Sans Flex', 'Varela Round', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9089
9687
|
}, {
|
|
9090
9688
|
readonly name: "font-body";
|
|
9091
9689
|
readonly tier: "semantic";
|
|
9092
9690
|
readonly type: "font";
|
|
9093
9691
|
readonly group: "type";
|
|
9094
|
-
readonly value: "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9692
|
+
readonly value: "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9095
9693
|
}, {
|
|
9096
9694
|
readonly name: "font-label";
|
|
9097
9695
|
readonly tier: "semantic";
|
|
9098
9696
|
readonly type: "font";
|
|
9099
9697
|
readonly group: "type";
|
|
9100
|
-
readonly value: "'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9698
|
+
readonly value: "'Figtree', 'Assistant', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
9101
9699
|
}, {
|
|
9102
9700
|
readonly name: "font-mono";
|
|
9103
9701
|
readonly tier: "semantic";
|
|
@@ -10296,9 +10894,9 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10296
10894
|
readonly id: "grotesk";
|
|
10297
10895
|
readonly label: "Space Grotesk + DM Sans";
|
|
10298
10896
|
readonly tokens: {
|
|
10299
|
-
readonly "font-display": "'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10300
|
-
readonly "font-body": "'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10301
|
-
readonly "font-label": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10897
|
+
readonly "font-display": "'Space Grotesk', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10898
|
+
readonly "font-body": "'DM Sans', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10899
|
+
readonly "font-label": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10302
10900
|
readonly "font-mono": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10303
10901
|
readonly "weight-display": "700";
|
|
10304
10902
|
readonly "weight-label": "700";
|
|
@@ -10306,13 +10904,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10306
10904
|
readonly "tracking-label": "0.04em";
|
|
10307
10905
|
};
|
|
10308
10906
|
readonly families: readonly ["Space Grotesk", "DM Sans", "Space Mono"];
|
|
10907
|
+
readonly hebrew: {
|
|
10908
|
+
readonly display: "Rubik";
|
|
10909
|
+
readonly body: "Heebo";
|
|
10910
|
+
};
|
|
10309
10911
|
}, {
|
|
10310
10912
|
readonly id: "archivo";
|
|
10311
10913
|
readonly label: "Archivo Black + Archivo";
|
|
10312
10914
|
readonly tokens: {
|
|
10313
|
-
readonly "font-display": "'Archivo Black', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10314
|
-
readonly "font-body": "'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10315
|
-
readonly "font-label": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10915
|
+
readonly "font-display": "'Archivo Black', 'Secular One', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10916
|
+
readonly "font-body": "'Archivo', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10917
|
+
readonly "font-label": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10316
10918
|
readonly "font-mono": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10317
10919
|
readonly "weight-display": "400";
|
|
10318
10920
|
readonly "weight-label": "700";
|
|
@@ -10320,13 +10922,17 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10320
10922
|
readonly "tracking-label": "0.04em";
|
|
10321
10923
|
};
|
|
10322
10924
|
readonly families: readonly ["Archivo Black", "Archivo", "Space Mono"];
|
|
10925
|
+
readonly hebrew: {
|
|
10926
|
+
readonly display: "Secular One";
|
|
10927
|
+
readonly body: "Heebo";
|
|
10928
|
+
};
|
|
10323
10929
|
}, {
|
|
10324
10930
|
readonly id: "syne";
|
|
10325
10931
|
readonly label: "Syne + DM Sans";
|
|
10326
10932
|
readonly tokens: {
|
|
10327
|
-
readonly "font-display": "'Syne', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10328
|
-
readonly "font-body": "'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10329
|
-
readonly "font-label": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10933
|
+
readonly "font-display": "'Syne', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10934
|
+
readonly "font-body": "'DM Sans', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10935
|
+
readonly "font-label": "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10330
10936
|
readonly "font-mono": "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10331
10937
|
readonly "weight-display": "800";
|
|
10332
10938
|
readonly "weight-label": "700";
|
|
@@ -10334,6 +10940,10 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10334
10940
|
readonly "tracking-label": "0.04em";
|
|
10335
10941
|
};
|
|
10336
10942
|
readonly families: readonly ["Syne", "DM Sans", "Space Mono"];
|
|
10943
|
+
readonly hebrew: {
|
|
10944
|
+
readonly display: "Rubik";
|
|
10945
|
+
readonly body: "Heebo";
|
|
10946
|
+
};
|
|
10337
10947
|
}];
|
|
10338
10948
|
readonly palette: {
|
|
10339
10949
|
readonly light: {
|
|
@@ -10614,19 +11224,19 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10614
11224
|
readonly tier: "semantic";
|
|
10615
11225
|
readonly type: "font";
|
|
10616
11226
|
readonly group: "type";
|
|
10617
|
-
readonly value: "'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
11227
|
+
readonly value: "'Space Grotesk', 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10618
11228
|
}, {
|
|
10619
11229
|
readonly name: "font-body";
|
|
10620
11230
|
readonly tier: "semantic";
|
|
10621
11231
|
readonly type: "font";
|
|
10622
11232
|
readonly group: "type";
|
|
10623
|
-
readonly value: "'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
11233
|
+
readonly value: "'DM Sans', 'Heebo', system-ui, -apple-system, 'Segoe UI', sans-serif";
|
|
10624
11234
|
}, {
|
|
10625
11235
|
readonly name: "font-label";
|
|
10626
11236
|
readonly tier: "semantic";
|
|
10627
11237
|
readonly type: "font";
|
|
10628
11238
|
readonly group: "type";
|
|
10629
|
-
readonly value: "'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
11239
|
+
readonly value: "'Space Mono', 'Heebo', ui-monospace, 'SFMono-Regular', Menlo, monospace";
|
|
10630
11240
|
}, {
|
|
10631
11241
|
readonly name: "font-mono";
|
|
10632
11242
|
readonly tier: "semantic";
|
|
@@ -12211,6 +12821,11 @@ interface FontPair {
|
|
|
12211
12821
|
readonly label: string;
|
|
12212
12822
|
readonly tokens: Readonly<Record<string, string>>;
|
|
12213
12823
|
readonly families: ReadonlyArray<string>;
|
|
12824
|
+
/** The Hebrew partner each stack names second (H1-2): a label takes the body's; mono none. */
|
|
12825
|
+
readonly hebrew: {
|
|
12826
|
+
readonly display: string;
|
|
12827
|
+
readonly body: string;
|
|
12828
|
+
};
|
|
12214
12829
|
}
|
|
12215
12830
|
/** A flavor's own colour palette (the Neutral tint): every colour token, light + the dark values that differ. */
|
|
12216
12831
|
interface FlavorPalette {
|
|
@@ -13378,7 +13993,25 @@ interface FontsForTokensOptions {
|
|
|
13378
13993
|
* upload, and the browser picked Google's — DS5.1).
|
|
13379
13994
|
*/
|
|
13380
13995
|
uploaded?: ReadonlyArray<string>;
|
|
13996
|
+
/**
|
|
13997
|
+
* The page's locale (`page.locale`). A locale whose script the Latin families cannot draw (`he` →
|
|
13998
|
+
* Hebrew) also links each role's script PARTNER — the family the stack names after the first that draws
|
|
13999
|
+
* it (H1-2). An English page loads no Hebrew file.
|
|
14000
|
+
*/
|
|
14001
|
+
locale?: string | null;
|
|
13381
14002
|
}
|
|
14003
|
+
/** A script the catalog's Latin families cannot draw, and the families that can (contract `scripts`). */
|
|
14004
|
+
type ScriptId = keyof typeof SPEC_SCRIPTS;
|
|
14005
|
+
/** The scripts a page in `locale` needs drawn (`he`, `he-IL` → hebrew); none for a Latin locale. */
|
|
14006
|
+
declare function scriptsForLocale(locale: string | null | undefined): ScriptId[];
|
|
14007
|
+
/** True when `family` is a catalog family that draws `script`. */
|
|
14008
|
+
declare function drawsScript(family: string | null | undefined, script: ScriptId): boolean;
|
|
14009
|
+
/**
|
|
14010
|
+
* A stack with its script PARTNERS removed — every family after the first that only stands there to draw
|
|
14011
|
+
* a script. What the contract wrote before H1-2 placed the partners: a row seeded then still holds it, and
|
|
14012
|
+
* is the look's own, not the author's (`designBaseline`).
|
|
14013
|
+
*/
|
|
14014
|
+
declare function withoutScriptPartners(stack: string | null | undefined): string;
|
|
13382
14015
|
/**
|
|
13383
14016
|
* The Google css2 ids to load for a token set: every catalog family named by the display / body /
|
|
13384
14017
|
* label roles, plus mono when referenced (above). One id per family (T7 — one `<link>` per family, so
|
|
@@ -13407,8 +14040,10 @@ declare function matchFontWeight<T extends {
|
|
|
13407
14040
|
}>(faces: ReadonlyArray<T>, weight: number): T | null;
|
|
13408
14041
|
/**
|
|
13409
14042
|
* The uploaded files the SSR head preloads (§5b — no flash of the fallback face): for the display and
|
|
13410
|
-
* body roles, the family
|
|
13411
|
-
*
|
|
14043
|
+
* body roles, the family the role RENDERS in — the stack's first family that is uploaded, in the catalog
|
|
14044
|
+
* or on every system — when it is an uploaded one, the woff2 normal-style cut CSS matching would pick for
|
|
14045
|
+
* that role's weights. One file per weight that renders, never the family. A family further down (a
|
|
14046
|
+
* Hebrew partner, H1-2) draws only the glyphs the lead lacks: never preloaded.
|
|
13412
14047
|
*/
|
|
13413
14048
|
declare function fontPreloads(descriptors: ReadonlyArray<FontDescriptor> | null | undefined, tokens: ReadonlyArray<DesignTokenLike> | null | undefined): FontDescriptor[];
|
|
13414
14049
|
/** A font role naming a family that is neither uploaded nor in the catalog, and what renders instead. */
|
|
@@ -13604,7 +14239,10 @@ declare function missingDesignRows(existing: ReadonlyArray<{
|
|
|
13604
14239
|
* whose brand colour never reached its accent;
|
|
13605
14240
|
* - stamped by the current pack and still holding what the design wrote BEFORE DS9
|
|
13606
14241
|
* (`legacyDesignTokenRows`): the contrast fixes — a 3:1 `line-strong`, a 3:1 focus ring, an
|
|
13607
|
-
* `accent-text` that reads on every ground — reach a studio that applied its look before them
|
|
14242
|
+
* `accent-text` that reads on every ground — reach a studio that applied its look before them;
|
|
14243
|
+
* - stamped by the current pack and still holding a font stack WITHOUT the Hebrew partner the pairing now
|
|
14244
|
+
* names second (H1-2): a Hebrew page of a studio seeded before it would draw its headings in the browser's
|
|
14245
|
+
* default face for good.
|
|
13608
14246
|
* No author edit produces any of these shapes — the Tokens panel edited the light value only, and since DS8 an
|
|
13609
14247
|
* edit makes the row `source: user`, which this never touches.
|
|
13610
14248
|
*/
|
|
@@ -13651,5 +14289,49 @@ interface FontFamilyRemoval {
|
|
|
13651
14289
|
*/
|
|
13652
14290
|
declare function planFontFamilyRemoval(existing: ReadonlyArray<StoredDesignTokenRow>, previous: StoredDesign, family: string): FontFamilyRemoval;
|
|
13653
14291
|
|
|
13654
|
-
|
|
13655
|
-
|
|
14292
|
+
/**
|
|
14293
|
+
* Style presets (AI plan rev 3 §3f, H1-1) — a style is a preset over what exists, never a stylesheet: a
|
|
14294
|
+
* named `DesignChoices` + the site's motion character + the colour modes it passed the contrast audit in.
|
|
14295
|
+
* Generated 1:1 from the contract (`stylePresets`, AA-gated per preset × mode in build-spec.mjs); Design ▸
|
|
14296
|
+
* Look lists them, ranked by the harness (`@vectoriox/iox-ui/harness-core`).
|
|
14297
|
+
*/
|
|
14298
|
+
/** The closed mood vocabulary a preset carries (≤ 3) and an analysis returns. */
|
|
14299
|
+
type MoodId = keyof typeof SPEC_MOODS;
|
|
14300
|
+
declare const MOOD_IDS: ReadonlyArray<MoodId>;
|
|
14301
|
+
declare const MOOD_LABELS: Readonly<Record<MoodId, string>>;
|
|
14302
|
+
/** A colour mode a preset was audited in (`auto` is offered on top when it passed both). */
|
|
14303
|
+
type PresetMode = Exclude<DesignMode, 'auto'>;
|
|
14304
|
+
interface StylePreset {
|
|
14305
|
+
readonly id: string;
|
|
14306
|
+
readonly name: string;
|
|
14307
|
+
readonly blurb: string;
|
|
14308
|
+
readonly flavorId: string;
|
|
14309
|
+
readonly seed: string;
|
|
14310
|
+
readonly tint: TintId;
|
|
14311
|
+
readonly pairId: string;
|
|
14312
|
+
readonly shape: ShapeId;
|
|
14313
|
+
readonly density: DensityId;
|
|
14314
|
+
readonly motion: MotionId;
|
|
14315
|
+
readonly pillButtons: boolean;
|
|
14316
|
+
readonly moves: Readonly<DesignMotion>;
|
|
14317
|
+
/** The modes it PASSED the audit in; the first is its default. */
|
|
14318
|
+
readonly modes: ReadonlyArray<PresetMode>;
|
|
14319
|
+
readonly moods: ReadonlyArray<MoodId>;
|
|
14320
|
+
/** The UI UX Pro Max styles it stands for (attribution and the mapping table). */
|
|
14321
|
+
readonly uupm: ReadonlyArray<string>;
|
|
14322
|
+
/** In the M1-alpha slice. */
|
|
14323
|
+
readonly slice: boolean;
|
|
14324
|
+
}
|
|
14325
|
+
/** The 24, catalogue order (four per flavor). Assignment here proves the generated data fits the type. */
|
|
14326
|
+
declare const STYLE_PRESETS: ReadonlyArray<StylePreset>;
|
|
14327
|
+
declare function stylePresetById(id: string | null | undefined): StylePreset | undefined;
|
|
14328
|
+
/** The modes Design offers for a preset: the audited ones, then "Follow visitor" when it passed both (H-D3). */
|
|
14329
|
+
declare function presetModes(preset: StylePreset): DesignMode[];
|
|
14330
|
+
/**
|
|
14331
|
+
* What picking a preset means — the complete `DesignChoices`, its motion included — in `mode` (default:
|
|
14332
|
+
* its first). A mode it was not audited in is REFUSED (null): a light-only preset is never worn dark.
|
|
14333
|
+
*/
|
|
14334
|
+
declare function presetChoices(id: string, mode?: DesignMode): DesignChoices | null;
|
|
14335
|
+
|
|
14336
|
+
export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, stylePresetById, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
|
|
14337
|
+
export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, AnimateId, ApplyElementStyleResult, BetweenId, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignMotion, DesignRevertSnapshot, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MoodId, MotionId, NodeLinkProps, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, PresetMode, ResolvedMode, Rgb, Rgba, SchemeId, ScriptId, ScrollId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StoredDesign, StoredDesignTokenRow, StylePreset, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };
|