@transferwise/neptune-css 14.24.6 → 14.25.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 (5) hide show
  1. package/dist/css/neptune.css +743 -7
  2. package/dist/less/neptune-tokens.less +2 -2
  3. package/dist/props/neptune-tokens.css +1 -1
  4. package/package.json +2 -2
  5. package/src/less/neptune.bundle.less +4 -0
package/dist/css/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
3
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -143,7 +143,7 @@
143
143
 
144
144
  /**
145
145
  * Do not edit directly
146
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
146
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
147
147
  */
148
148
 
149
149
  .np-theme-personal {
@@ -392,7 +392,7 @@
392
392
 
393
393
  /**
394
394
  * Do not edit directly
395
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
395
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
396
396
  */
397
397
 
398
398
  .np-theme-personal--forest-green {
@@ -641,7 +641,7 @@
641
641
 
642
642
  /**
643
643
  * Do not edit directly
644
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
644
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
645
645
  */
646
646
 
647
647
  .np-theme-personal--bright-green {
@@ -890,7 +890,7 @@
890
890
 
891
891
  /**
892
892
  * Do not edit directly
893
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
893
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
894
894
  */
895
895
 
896
896
  .np-theme-personal--dark {
@@ -1139,7 +1139,7 @@
1139
1139
 
1140
1140
  /**
1141
1141
  * Do not edit directly
1142
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
1142
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
1143
1143
  */
1144
1144
 
1145
1145
  .np-theme-platform {
@@ -1322,7 +1322,7 @@
1322
1322
 
1323
1323
  /**
1324
1324
  * Do not edit directly
1325
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
1325
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
1326
1326
  */
1327
1327
 
1328
1328
  .np-theme-platform--forest-green {
@@ -1503,6 +1503,742 @@
1503
1503
  --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1504
1504
  }
1505
1505
 
1506
+ /**
1507
+ * Do not edit directly
1508
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
1509
+ */
1510
+
1511
+ .np-theme-business {
1512
+ --color-bright-yellow: #ffeb69;
1513
+ --color-bright-orange: #ffc091;
1514
+ --color-dark-purple: #260a2f;
1515
+ --color-dark-gold: #3a341c;
1516
+ --color-bright-blue: #a0e1e1;
1517
+ --color-dark-charcoal: #21231d;
1518
+ --color-white: #ffffff;
1519
+ --color-black: #000000;
1520
+ --color-bright-green: #9fe870;
1521
+ --color-forest-green: #163300;
1522
+ --color-bright-pink: #ffd7ef;
1523
+ --color-dark-maroon: #320707;
1524
+ --color-content-primary: #0e0f0c;
1525
+ --color-content-secondary: #454745;
1526
+ --color-content-tertiary: #6a6c6a;
1527
+ --color-content-link: #163300;
1528
+ --color-content-link-hover: #0d1f00;
1529
+ --color-content-link-active: #0e0f0c;
1530
+ --color-interactive-primary: #163300;
1531
+ --color-interactive-primary-hover: #0d1f00;
1532
+ --color-interactive-primary-active: #0e0f0c;
1533
+ --color-interactive-secondary: #868685;
1534
+ --color-interactive-secondary-hover: #6c6c6b;
1535
+ --color-interactive-secondary-active: #525251;
1536
+ --color-interactive-accent: #163300;
1537
+ --color-interactive-accent-hover: #0d1f00;
1538
+ --color-interactive-accent-active: #0e0f0c;
1539
+ --color-interactive-control: #e2f6d5;
1540
+ --color-interactive-control-hover: #d3f2c0;
1541
+ --color-interactive-control-active: #c5edab;
1542
+ --color-interactive-contrast: #e2f6d5;
1543
+ --color-interactive-contrast-hover: #d3f2c0;
1544
+ --color-interactive-contrast-active: #c5edab;
1545
+ --color-interactive-neutral: #e2f6d5;
1546
+ --color-interactive-neutral-hover: #d3f2c0;
1547
+ --color-interactive-neutral-active: #c5edab;
1548
+ --color-border-neutral: rgba(14,15,12,0.12157);
1549
+ --color-border-overlay: rgba(14,15,12,0.12157);
1550
+ --color-background-screen: #ffffff;
1551
+ --color-background-screen-hover: rgba(22,51,0,0.07843);
1552
+ --color-background-screen-active: rgba(22,51,0,0.12157);
1553
+ --color-background-elevated: #ffffff;
1554
+ --color-background-neutral: rgba(62,59,7,0.07059);
1555
+ --color-background-neutral-hover: rgba(62,59,7,0.12157);
1556
+ --color-background-neutral-active: rgba(62,59,7,0.16863);
1557
+ --color-background-overlay: rgba(62,59,7,0.07059);
1558
+ --color-background-surface: rgba(255,255,255,0);
1559
+ --color-sentiment-negative: #cb272f;
1560
+ --color-sentiment-negative-hover: #b8232b;
1561
+ --color-sentiment-negative-active: #a72027;
1562
+ --color-sentiment-negative-primary: #cb272f;
1563
+ --color-sentiment-negative-primary-hover: #b8232b;
1564
+ --color-sentiment-negative-primary-active: #a72027;
1565
+ --color-sentiment-negative-secondary: #fbeaea;
1566
+ --color-sentiment-negative-secondary-hover: #f9e1e1;
1567
+ --color-sentiment-negative-secondary-active: #f8d8d8;
1568
+ --color-sentiment-positive: #054d28;
1569
+ --color-sentiment-positive-hover: #043a1e;
1570
+ --color-sentiment-positive-active: #022614;
1571
+ --color-sentiment-positive-primary: #054d28;
1572
+ --color-sentiment-positive-primary-hover: #043a1e;
1573
+ --color-sentiment-positive-primary-active: #022614;
1574
+ --color-sentiment-positive-secondary: #e2f6d5;
1575
+ --color-sentiment-positive-secondary-hover: #d3f2c0;
1576
+ --color-sentiment-positive-secondary-active: #c5edab;
1577
+ --color-sentiment-warning: #ffd11a;
1578
+ --color-sentiment-warning-hover: #ffd11a;
1579
+ --color-sentiment-warning-active: #ffd11a;
1580
+ --color-sentiment-warning-primary: #ffd11a;
1581
+ --color-sentiment-warning-primary-hover: #ffd11a;
1582
+ --color-sentiment-warning-primary-active: #ffd11a;
1583
+ --color-sentiment-warning-secondary: #fff7d7;
1584
+ --color-sentiment-warning-secondary-hover: #fff7d7;
1585
+ --color-sentiment-warning-secondary-active: #fff7d7;
1586
+ --color-sentiment-warning-content: #4a3b1c;
1587
+ --color-sentiment-warning-content-hover: #3b2f16;
1588
+ --color-sentiment-warning-content-active: #2c2311;
1589
+ --color-contrast: #ffffff;
1590
+ --color-light: #ffffff;
1591
+ --color-dark: #121511;
1592
+ --color-contrast-overlay: #ffffff;
1593
+ --color-contrast-theme: #121511;
1594
+ --padding-x-small: 8px;
1595
+ --padding-small: 16px;
1596
+ --padding-medium: 24px;
1597
+ --padding-large: 32px;
1598
+ --radius-full: 9999px;
1599
+ --radius-small: 10px;
1600
+ --radius-medium: 16px;
1601
+ --radius-large: 24px;
1602
+ --size-4: 4px;
1603
+ --size-5: 5px;
1604
+ --size-8: 8px;
1605
+ --size-10: 10px;
1606
+ --size-12: 12px;
1607
+ --size-14: 14px;
1608
+ --size-16: 16px;
1609
+ --size-24: 24px;
1610
+ --size-32: 32px;
1611
+ --size-40: 40px;
1612
+ --size-48: 48px;
1613
+ --size-52: 52px;
1614
+ --size-56: 56px;
1615
+ --size-60: 60px;
1616
+ --size-64: 64px;
1617
+ --size-72: 72px;
1618
+ --size-80: 80px;
1619
+ --size-88: 88px;
1620
+ --size-96: 96px;
1621
+ --size-104: 104px;
1622
+ --size-112: 112px;
1623
+ --size-120: 120px;
1624
+ --size-126: 126px;
1625
+ --size-128: 128px;
1626
+ --size-146: 146px;
1627
+ --size-154: 154px;
1628
+ --size-160: 160px;
1629
+ --size-x-small: 24px;
1630
+ --size-small: 32px;
1631
+ --size-medium: 40px;
1632
+ --size-large: 48px;
1633
+ --size-x-large: 56px;
1634
+ --size-2x-large: 72px;
1635
+ --space-content-horizontal: 16px;
1636
+ --space-small: 16px;
1637
+ --space-medium: 32px;
1638
+ --space-large: 40px;
1639
+ --space-x-large: 56px;
1640
+ --font-size-12: 0.75rem;
1641
+ --font-size-14: 0.875rem;
1642
+ --font-size-16: 1rem;
1643
+ --font-size-18: 1.125rem;
1644
+ --font-size-20: 1.25rem;
1645
+ --font-size-22: 1.375rem;
1646
+ --font-size-24: 1.5rem;
1647
+ --font-size-26: 1.625rem;
1648
+ --font-size-28: 1.75rem;
1649
+ --font-size-30: 1.875rem;
1650
+ --font-size-32: 2rem;
1651
+ --letter-spacing-xxs: 0.005em;
1652
+ --letter-spacing-xs: 0.01em;
1653
+ --letter-spacing-sm: 0.0125em;
1654
+ --letter-spacing-md: 0.015em;
1655
+ --letter-spacing-lg: 0.02em;
1656
+ --letter-spacing-xl: 0.025em;
1657
+ --letter-spacing-negative-xxs: -0.005em;
1658
+ --letter-spacing-negative-xs: -0.01em;
1659
+ --letter-spacing-negative-sm: -0.0125em;
1660
+ --letter-spacing-negative-md: -0.015em;
1661
+ --letter-spacing-negative-lg: -0.02em;
1662
+ --letter-spacing-negative-xl: -0.025em;
1663
+ --letter-spacing-negative-xxl: -0.03em;
1664
+ --letter-spacing-negative-xxxl: -0.04em;
1665
+ --letter-spacing-negative-xxxxl: -0.05em;
1666
+ --line-height-18: 1.125rem;
1667
+ --line-height-20: 1.25rem;
1668
+ --line-height-22: 1.375rem;
1669
+ --line-height-24: 1.5rem;
1670
+ --line-height-28: 1.75rem;
1671
+ --line-height-30: 1.875rem;
1672
+ --line-height-32: 2rem;
1673
+ --line-height-34: 2.125rem;
1674
+ --line-height-36: 2.25rem;
1675
+ --line-height-42: 2.625rem;
1676
+ --line-height-48: 3rem;
1677
+ --line-height-title: 1.2;
1678
+ --line-height-body: 1.5;
1679
+ --line-height-control: 1.2;
1680
+ --font-weight-light: 300;
1681
+ --font-weight-regular: 400;
1682
+ --font-weight-medium: 500;
1683
+ --font-weight-semi-bold: 600;
1684
+ --font-weight-bold: 700;
1685
+ --font-weight-black: 900;
1686
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1687
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1688
+ }
1689
+
1690
+ /**
1691
+ * Do not edit directly
1692
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
1693
+ */
1694
+
1695
+ .np-theme-business--dark {
1696
+ --color-bright-yellow: #ffeb69;
1697
+ --color-bright-orange: #ffc091;
1698
+ --color-dark-purple: #260a2f;
1699
+ --color-dark-gold: #3a341c;
1700
+ --color-bright-blue: #a0e1e1;
1701
+ --color-dark-charcoal: #21231d;
1702
+ --color-white: #ffffff;
1703
+ --color-black: #000000;
1704
+ --color-bright-green: #9fe870;
1705
+ --color-forest-green: #163300;
1706
+ --color-bright-pink: #ffd7ef;
1707
+ --color-dark-maroon: #320707;
1708
+ --color-content-primary: #f3f5f1;
1709
+ --color-content-secondary: #e8ebe6;
1710
+ --color-content-tertiary: #cacfc7;
1711
+ --color-content-link: #e2f6d5;
1712
+ --color-content-link-hover: #d3f2c0;
1713
+ --color-content-link-active: #c5edab;
1714
+ --color-interactive-control: #e2f6d5;
1715
+ --color-interactive-control-hover: #d3f2c0;
1716
+ --color-interactive-control-active: #c5edab;
1717
+ --color-interactive-primary: #e2f6d5;
1718
+ --color-interactive-primary-hover: #d3f2c0;
1719
+ --color-interactive-primary-active: #c5edab;
1720
+ --color-interactive-secondary: #b9bab7;
1721
+ --color-interactive-secondary-hover: #ecede9;
1722
+ --color-interactive-secondary-active: #f9faf6;
1723
+ --color-interactive-accent: #163300;
1724
+ --color-interactive-accent-hover: #0d1f00;
1725
+ --color-interactive-accent-active: #0e0f0c;
1726
+ --color-interactive-contrast: #163300;
1727
+ --color-interactive-contrast-hover: #214d00;
1728
+ --color-interactive-contrast-active: #2c6600;
1729
+ --color-interactive-neutral: #163300;
1730
+ --color-interactive-neutral-hover: #214d00;
1731
+ --color-interactive-neutral-active: #2c6600;
1732
+ --color-border-neutral: rgba(255,255,255,0.2);
1733
+ --color-border-overlay: rgba(255,255,255,0.2);
1734
+ --color-background-screen: #121511;
1735
+ --color-background-screen-hover: rgba(255,255,255,0.10196);
1736
+ --color-background-screen-active: rgba(255,255,255,0.2);
1737
+ --color-background-elevated: #1e211d;
1738
+ --color-background-neutral: rgba(255,255,255,0.10196);
1739
+ --color-background-neutral-hover: rgba(255,255,255,0.2);
1740
+ --color-background-neutral-active: rgba(255,255,255,0.30196);
1741
+ --color-background-overlay: rgba(255,255,255,0.2);
1742
+ --color-background-surface: rgba(255,255,255,0);
1743
+ --color-sentiment-negative: #ffa8ad;
1744
+ --color-sentiment-negative-hover: #ffbdc0;
1745
+ --color-sentiment-negative-active: #ffd1d3;
1746
+ --color-sentiment-negative-primary: #ffa8ad;
1747
+ --color-sentiment-negative-primary-hover: #ffbdc0;
1748
+ --color-sentiment-negative-primary-active: #ffd1d3;
1749
+ --color-sentiment-negative-secondary: #410b0d;
1750
+ --color-sentiment-negative-secondary-hover: #641115;
1751
+ --color-sentiment-negative-secondary-active: #761418;
1752
+ --color-sentiment-positive: #bae5a0;
1753
+ --color-sentiment-positive-hover: #c8eab3;
1754
+ --color-sentiment-positive-active: #d6f0c7;
1755
+ --color-sentiment-positive-primary: #bae5a0;
1756
+ --color-sentiment-positive-primary-hover: #c8eab3;
1757
+ --color-sentiment-positive-primary-active: #d6f0c7;
1758
+ --color-sentiment-positive-secondary: #252c20;
1759
+ --color-sentiment-positive-secondary-hover: #323b2b;
1760
+ --color-sentiment-positive-secondary-active: #3e4a36;
1761
+ --color-sentiment-warning: #fadc65;
1762
+ --color-sentiment-warning-hover: #fadc65;
1763
+ --color-sentiment-warning-active: #fadc65;
1764
+ --color-sentiment-warning-primary: #fadc65;
1765
+ --color-sentiment-warning-primary-hover: #fadc65;
1766
+ --color-sentiment-warning-primary-active: #fadc65;
1767
+ --color-sentiment-warning-secondary: #3a3523;
1768
+ --color-sentiment-warning-secondary-hover: #3a3523;
1769
+ --color-sentiment-warning-secondary-active: #3a3523;
1770
+ --color-sentiment-warning-content: #fadc65;
1771
+ --color-sentiment-warning-content-hover: #fbe179;
1772
+ --color-sentiment-warning-content-active: #fbe58d;
1773
+ --color-contrast: #f3f5f1;
1774
+ --color-light: #f3f5f1;
1775
+ --color-dark: #121511;
1776
+ --color-contrast-overlay: #121511;
1777
+ --color-contrast-theme: #ffffff;
1778
+ --padding-x-small: 8px;
1779
+ --padding-small: 16px;
1780
+ --padding-medium: 24px;
1781
+ --padding-large: 32px;
1782
+ --radius-full: 9999px;
1783
+ --radius-small: 10px;
1784
+ --radius-medium: 16px;
1785
+ --radius-large: 24px;
1786
+ --size-4: 4px;
1787
+ --size-5: 5px;
1788
+ --size-8: 8px;
1789
+ --size-10: 10px;
1790
+ --size-12: 12px;
1791
+ --size-14: 14px;
1792
+ --size-16: 16px;
1793
+ --size-24: 24px;
1794
+ --size-32: 32px;
1795
+ --size-40: 40px;
1796
+ --size-48: 48px;
1797
+ --size-52: 52px;
1798
+ --size-56: 56px;
1799
+ --size-60: 60px;
1800
+ --size-64: 64px;
1801
+ --size-72: 72px;
1802
+ --size-80: 80px;
1803
+ --size-88: 88px;
1804
+ --size-96: 96px;
1805
+ --size-104: 104px;
1806
+ --size-112: 112px;
1807
+ --size-120: 120px;
1808
+ --size-126: 126px;
1809
+ --size-128: 128px;
1810
+ --size-146: 146px;
1811
+ --size-154: 154px;
1812
+ --size-160: 160px;
1813
+ --size-x-small: 24px;
1814
+ --size-small: 32px;
1815
+ --size-medium: 40px;
1816
+ --size-large: 48px;
1817
+ --size-x-large: 56px;
1818
+ --size-2x-large: 72px;
1819
+ --space-content-horizontal: 16px;
1820
+ --space-small: 16px;
1821
+ --space-medium: 32px;
1822
+ --space-large: 40px;
1823
+ --space-x-large: 56px;
1824
+ --font-size-12: 0.75rem;
1825
+ --font-size-14: 0.875rem;
1826
+ --font-size-16: 1rem;
1827
+ --font-size-18: 1.125rem;
1828
+ --font-size-20: 1.25rem;
1829
+ --font-size-22: 1.375rem;
1830
+ --font-size-24: 1.5rem;
1831
+ --font-size-26: 1.625rem;
1832
+ --font-size-28: 1.75rem;
1833
+ --font-size-30: 1.875rem;
1834
+ --font-size-32: 2rem;
1835
+ --letter-spacing-xxs: 0.005em;
1836
+ --letter-spacing-xs: 0.01em;
1837
+ --letter-spacing-sm: 0.0125em;
1838
+ --letter-spacing-md: 0.015em;
1839
+ --letter-spacing-lg: 0.02em;
1840
+ --letter-spacing-xl: 0.025em;
1841
+ --letter-spacing-negative-xxs: -0.005em;
1842
+ --letter-spacing-negative-xs: -0.01em;
1843
+ --letter-spacing-negative-sm: -0.0125em;
1844
+ --letter-spacing-negative-md: -0.015em;
1845
+ --letter-spacing-negative-lg: -0.02em;
1846
+ --letter-spacing-negative-xl: -0.025em;
1847
+ --letter-spacing-negative-xxl: -0.03em;
1848
+ --letter-spacing-negative-xxxl: -0.04em;
1849
+ --letter-spacing-negative-xxxxl: -0.05em;
1850
+ --line-height-18: 1.125rem;
1851
+ --line-height-20: 1.25rem;
1852
+ --line-height-22: 1.375rem;
1853
+ --line-height-24: 1.5rem;
1854
+ --line-height-28: 1.75rem;
1855
+ --line-height-30: 1.875rem;
1856
+ --line-height-32: 2rem;
1857
+ --line-height-34: 2.125rem;
1858
+ --line-height-36: 2.25rem;
1859
+ --line-height-42: 2.625rem;
1860
+ --line-height-48: 3rem;
1861
+ --line-height-title: 1.2;
1862
+ --line-height-body: 1.5;
1863
+ --line-height-control: 1.2;
1864
+ --font-weight-light: 300;
1865
+ --font-weight-regular: 400;
1866
+ --font-weight-medium: 500;
1867
+ --font-weight-semi-bold: 600;
1868
+ --font-weight-bold: 700;
1869
+ --font-weight-black: 900;
1870
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
1871
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
1872
+ }
1873
+
1874
+ /**
1875
+ * Do not edit directly
1876
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
1877
+ */
1878
+
1879
+ .np-theme-business--forest-green {
1880
+ --color-bright-yellow: #ffeb69;
1881
+ --color-bright-orange: #ffc091;
1882
+ --color-dark-purple: #260a2f;
1883
+ --color-dark-gold: #3a341c;
1884
+ --color-bright-blue: #a0e1e1;
1885
+ --color-dark-charcoal: #21231d;
1886
+ --color-white: #ffffff;
1887
+ --color-black: #000000;
1888
+ --color-bright-green: #9fe870;
1889
+ --color-forest-green: #163300;
1890
+ --color-bright-pink: #ffd7ef;
1891
+ --color-dark-maroon: #320707;
1892
+ --color-content-primary: #e2f6d5;
1893
+ --color-content-secondary: #e8ebe6;
1894
+ --color-content-tertiary: #d0d5ce;
1895
+ --color-content-link: #163300;
1896
+ --color-content-link-hover: #214d00;
1897
+ --color-content-link-active: #2c6600;
1898
+ --color-interactive-control: #163300;
1899
+ --color-interactive-control-hover: #214d00;
1900
+ --color-interactive-control-active: #2c6600;
1901
+ --color-interactive-primary: #163300;
1902
+ --color-interactive-primary-hover: #214d00;
1903
+ --color-interactive-primary-active: #2c6600;
1904
+ --color-interactive-secondary: #cbd9c3;
1905
+ --color-interactive-secondary-hover: #d9e3d3;
1906
+ --color-interactive-secondary-active: #e7ede3;
1907
+ --color-interactive-accent: #163300;
1908
+ --color-interactive-accent-hover: #214d00;
1909
+ --color-interactive-accent-active: #2c6600;
1910
+ --color-interactive-contrast: #163300;
1911
+ --color-interactive-contrast-hover: #214d00;
1912
+ --color-interactive-contrast-active: #2c6600;
1913
+ --color-interactive-neutral: rgba(226,246,213,0.2);
1914
+ --color-interactive-neutral-hover: rgba(226,246,213,0.4);
1915
+ --color-interactive-neutral-active: rgba(226,246,213,0.6);
1916
+ --color-border-neutral: rgba(255,255,255,0.2);
1917
+ --color-border-overlay: rgba(255,255,255,0.2);
1918
+ --color-background-screen: #163300;
1919
+ --color-background-screen-hover: rgba(255,255,255,0.2);
1920
+ --color-background-screen-active: rgba(255,255,255,0.4);
1921
+ --color-background-elevated: #223d0d;
1922
+ --color-background-neutral: rgba(255,255,255,0.10196);
1923
+ --color-background-neutral-hover: rgba(255,255,255,0.2);
1924
+ --color-background-neutral-active: rgba(255,255,255,0.2);
1925
+ --color-background-overlay: rgba(255,255,255,0.2);
1926
+ --color-background-surface: #ffffff;
1927
+ --color-sentiment-negative: #ffa8ad;
1928
+ --color-sentiment-negative-hover: #ffbdc0;
1929
+ --color-sentiment-negative-active: #ffd1d3;
1930
+ --color-sentiment-negative-primary: #ffa8ad;
1931
+ --color-sentiment-negative-primary-hover: #ffbdc0;
1932
+ --color-sentiment-negative-primary-active: #ffd1d3;
1933
+ --color-sentiment-negative-secondary: #410b0d;
1934
+ --color-sentiment-negative-secondary-hover: #641115;
1935
+ --color-sentiment-negative-secondary-active: #761418;
1936
+ --color-sentiment-positive: #bae5a0;
1937
+ --color-sentiment-positive-hover: #c8eab3;
1938
+ --color-sentiment-positive-active: #d6f0c7;
1939
+ --color-sentiment-positive-primary: #bae5a0;
1940
+ --color-sentiment-positive-primary-hover: #c8eab3;
1941
+ --color-sentiment-positive-primary-active: #d6f0c7;
1942
+ --color-sentiment-positive-secondary: #3d562d;
1943
+ --color-sentiment-positive-secondary-hover: #476435;
1944
+ --color-sentiment-positive-secondary-active: #53753d;
1945
+ --color-sentiment-warning: #fadc65;
1946
+ --color-sentiment-warning-hover: #fadc65;
1947
+ --color-sentiment-warning-active: #fadc65;
1948
+ --color-sentiment-warning-primary: #fadc65;
1949
+ --color-sentiment-warning-primary-hover: #fadc65;
1950
+ --color-sentiment-warning-primary-active: #fadc65;
1951
+ --color-sentiment-warning-secondary: #445514;
1952
+ --color-sentiment-warning-secondary-hover: #445514;
1953
+ --color-sentiment-warning-secondary-active: #445514;
1954
+ --color-sentiment-warning-content: #fadc65;
1955
+ --color-sentiment-warning-content-hover: #fbe179;
1956
+ --color-sentiment-warning-content-active: #fbe58d;
1957
+ --color-contrast: #ffffff;
1958
+ --color-light: #ffffff;
1959
+ --color-dark: #121511;
1960
+ --color-contrast-overlay: #163300;
1961
+ --color-contrast-theme: #ffffff;
1962
+ --padding-x-small: 8px;
1963
+ --padding-small: 16px;
1964
+ --padding-medium: 24px;
1965
+ --padding-large: 32px;
1966
+ --radius-full: 9999px;
1967
+ --radius-small: 10px;
1968
+ --radius-medium: 16px;
1969
+ --radius-large: 24px;
1970
+ --size-4: 4px;
1971
+ --size-5: 5px;
1972
+ --size-8: 8px;
1973
+ --size-10: 10px;
1974
+ --size-12: 12px;
1975
+ --size-14: 14px;
1976
+ --size-16: 16px;
1977
+ --size-24: 24px;
1978
+ --size-32: 32px;
1979
+ --size-40: 40px;
1980
+ --size-48: 48px;
1981
+ --size-52: 52px;
1982
+ --size-56: 56px;
1983
+ --size-60: 60px;
1984
+ --size-64: 64px;
1985
+ --size-72: 72px;
1986
+ --size-80: 80px;
1987
+ --size-88: 88px;
1988
+ --size-96: 96px;
1989
+ --size-104: 104px;
1990
+ --size-112: 112px;
1991
+ --size-120: 120px;
1992
+ --size-126: 126px;
1993
+ --size-128: 128px;
1994
+ --size-146: 146px;
1995
+ --size-154: 154px;
1996
+ --size-160: 160px;
1997
+ --size-x-small: 24px;
1998
+ --size-small: 32px;
1999
+ --size-medium: 40px;
2000
+ --size-large: 48px;
2001
+ --size-x-large: 56px;
2002
+ --size-2x-large: 72px;
2003
+ --space-content-horizontal: 16px;
2004
+ --space-small: 16px;
2005
+ --space-medium: 32px;
2006
+ --space-large: 40px;
2007
+ --space-x-large: 56px;
2008
+ --font-size-12: 0.75rem;
2009
+ --font-size-14: 0.875rem;
2010
+ --font-size-16: 1rem;
2011
+ --font-size-18: 1.125rem;
2012
+ --font-size-20: 1.25rem;
2013
+ --font-size-22: 1.375rem;
2014
+ --font-size-24: 1.5rem;
2015
+ --font-size-26: 1.625rem;
2016
+ --font-size-28: 1.75rem;
2017
+ --font-size-30: 1.875rem;
2018
+ --font-size-32: 2rem;
2019
+ --letter-spacing-xxs: 0.005em;
2020
+ --letter-spacing-xs: 0.01em;
2021
+ --letter-spacing-sm: 0.0125em;
2022
+ --letter-spacing-md: 0.015em;
2023
+ --letter-spacing-lg: 0.02em;
2024
+ --letter-spacing-xl: 0.025em;
2025
+ --letter-spacing-negative-xxs: -0.005em;
2026
+ --letter-spacing-negative-xs: -0.01em;
2027
+ --letter-spacing-negative-sm: -0.0125em;
2028
+ --letter-spacing-negative-md: -0.015em;
2029
+ --letter-spacing-negative-lg: -0.02em;
2030
+ --letter-spacing-negative-xl: -0.025em;
2031
+ --letter-spacing-negative-xxl: -0.03em;
2032
+ --letter-spacing-negative-xxxl: -0.04em;
2033
+ --letter-spacing-negative-xxxxl: -0.05em;
2034
+ --line-height-18: 1.125rem;
2035
+ --line-height-20: 1.25rem;
2036
+ --line-height-22: 1.375rem;
2037
+ --line-height-24: 1.5rem;
2038
+ --line-height-28: 1.75rem;
2039
+ --line-height-30: 1.875rem;
2040
+ --line-height-32: 2rem;
2041
+ --line-height-34: 2.125rem;
2042
+ --line-height-36: 2.25rem;
2043
+ --line-height-42: 2.625rem;
2044
+ --line-height-48: 3rem;
2045
+ --line-height-title: 1.2;
2046
+ --line-height-body: 1.5;
2047
+ --line-height-control: 1.2;
2048
+ --font-weight-light: 300;
2049
+ --font-weight-regular: 400;
2050
+ --font-weight-medium: 500;
2051
+ --font-weight-semi-bold: 600;
2052
+ --font-weight-bold: 700;
2053
+ --font-weight-black: 900;
2054
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2055
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
2056
+ }
2057
+
2058
+ /**
2059
+ * Do not edit directly
2060
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
2061
+ */
2062
+
2063
+ .np-theme-business--bright-green {
2064
+ --color-bright-yellow: #ffeb69;
2065
+ --color-bright-orange: #ffc091;
2066
+ --color-dark-purple: #260a2f;
2067
+ --color-dark-gold: #3a341c;
2068
+ --color-bright-blue: #a0e1e1;
2069
+ --color-dark-charcoal: #21231d;
2070
+ --color-white: #ffffff;
2071
+ --color-black: #000000;
2072
+ --color-bright-green: #9fe870;
2073
+ --color-forest-green: #163300;
2074
+ --color-bright-pink: #ffd7ef;
2075
+ --color-dark-maroon: #320707;
2076
+ --color-content-primary: #163300;
2077
+ --color-content-secondary: #163300;
2078
+ --color-content-tertiary: #163300;
2079
+ --color-content-link: #163300;
2080
+ --color-content-link-hover: #0d1f00;
2081
+ --color-content-link-active: #0e0f0c;
2082
+ --color-interactive-control: #e2f6d5;
2083
+ --color-interactive-control-hover: #d3f2c0;
2084
+ --color-interactive-control-active: #c5edab;
2085
+ --color-interactive-primary: #163300;
2086
+ --color-interactive-primary-hover: #0d1f00;
2087
+ --color-interactive-primary-active: #0e0f0c;
2088
+ --color-interactive-secondary: #163300;
2089
+ --color-interactive-secondary-hover: rgba(255,255,255,0);
2090
+ --color-interactive-secondary-active: rgba(255,255,255,0);
2091
+ --color-interactive-accent: #163300;
2092
+ --color-interactive-accent-hover: #0d1f00;
2093
+ --color-interactive-accent-active: #0e0f0c;
2094
+ --color-interactive-contrast: #e2f6d5;
2095
+ --color-interactive-contrast-hover: #d3f2c0;
2096
+ --color-interactive-contrast-active: #c5edab;
2097
+ --color-interactive-neutral: rgba(255,255,255,0.50196);
2098
+ --color-interactive-neutral-hover: rgba(255,255,255,0.6);
2099
+ --color-interactive-neutral-active: rgba(255,255,255,0.70196);
2100
+ --color-border-neutral: rgba(22,51,0,0.12157);
2101
+ --color-border-overlay: rgba(22,51,0,0.12157);
2102
+ --color-background-screen: #e2f6d5;
2103
+ --color-background-screen-hover: rgba(255,255,255,0);
2104
+ --color-background-screen-active: rgba(255,255,255,0.4);
2105
+ --color-background-elevated: #ffffff;
2106
+ --color-background-neutral: rgba(255,255,255,0.70196);
2107
+ --color-background-neutral-hover: rgba(255,255,255,0.8);
2108
+ --color-background-neutral-active: #ffffff;
2109
+ --color-background-overlay: rgba(255,255,255,0.30196);
2110
+ --color-background-surface: rgba(255,255,255,0);
2111
+ --color-sentiment-negative: #cb272f;
2112
+ --color-sentiment-negative-hover: #b8232b;
2113
+ --color-sentiment-negative-active: #a72027;
2114
+ --color-sentiment-negative-primary: #cb272f;
2115
+ --color-sentiment-negative-primary-hover: #b8232b;
2116
+ --color-sentiment-negative-primary-active: #a72027;
2117
+ --color-sentiment-negative-secondary: #fbeaea;
2118
+ --color-sentiment-negative-secondary-hover: #f9e1e1;
2119
+ --color-sentiment-negative-secondary-active: #f8d8d8;
2120
+ --color-sentiment-positive: #054d28;
2121
+ --color-sentiment-positive-hover: #043a1e;
2122
+ --color-sentiment-positive-active: #022614;
2123
+ --color-sentiment-positive-primary: #054d28;
2124
+ --color-sentiment-positive-primary-hover: #043a1e;
2125
+ --color-sentiment-positive-primary-active: #022614;
2126
+ --color-sentiment-positive-secondary: #e2f6d5;
2127
+ --color-sentiment-positive-secondary-hover: #d3f2c0;
2128
+ --color-sentiment-positive-secondary-active: #c5edab;
2129
+ --color-sentiment-warning: #ffd11a;
2130
+ --color-sentiment-warning-hover: #ffd11a;
2131
+ --color-sentiment-warning-active: #ffd11a;
2132
+ --color-sentiment-warning-primary: #ffd11a;
2133
+ --color-sentiment-warning-primary-hover: #ffd11a;
2134
+ --color-sentiment-warning-primary-active: #ffd11a;
2135
+ --color-sentiment-warning-secondary: #fff7d7;
2136
+ --color-sentiment-warning-secondary-hover: #fff7d7;
2137
+ --color-sentiment-warning-secondary-active: #fff7d7;
2138
+ --color-sentiment-warning-content: #4a3b1c;
2139
+ --color-sentiment-warning-content-hover: #3b2f16;
2140
+ --color-sentiment-warning-content-active: #2c2311;
2141
+ --color-contrast: rgba(255,255,255,0);
2142
+ --color-light: #ffffff;
2143
+ --color-dark: #163300;
2144
+ --color-contrast-overlay: #ffffff;
2145
+ --color-contrast-theme: #163300;
2146
+ --padding-x-small: 8px;
2147
+ --padding-small: 16px;
2148
+ --padding-medium: 24px;
2149
+ --padding-large: 32px;
2150
+ --radius-full: 9999px;
2151
+ --radius-small: 10px;
2152
+ --radius-medium: 16px;
2153
+ --radius-large: 24px;
2154
+ --size-4: 4px;
2155
+ --size-5: 5px;
2156
+ --size-8: 8px;
2157
+ --size-10: 10px;
2158
+ --size-12: 12px;
2159
+ --size-14: 14px;
2160
+ --size-16: 16px;
2161
+ --size-24: 24px;
2162
+ --size-32: 32px;
2163
+ --size-40: 40px;
2164
+ --size-48: 48px;
2165
+ --size-52: 52px;
2166
+ --size-56: 56px;
2167
+ --size-60: 60px;
2168
+ --size-64: 64px;
2169
+ --size-72: 72px;
2170
+ --size-80: 80px;
2171
+ --size-88: 88px;
2172
+ --size-96: 96px;
2173
+ --size-104: 104px;
2174
+ --size-112: 112px;
2175
+ --size-120: 120px;
2176
+ --size-126: 126px;
2177
+ --size-128: 128px;
2178
+ --size-146: 146px;
2179
+ --size-154: 154px;
2180
+ --size-160: 160px;
2181
+ --size-x-small: 24px;
2182
+ --size-small: 32px;
2183
+ --size-medium: 40px;
2184
+ --size-large: 48px;
2185
+ --size-x-large: 56px;
2186
+ --size-2x-large: 72px;
2187
+ --space-content-horizontal: 16px;
2188
+ --space-small: 16px;
2189
+ --space-medium: 32px;
2190
+ --space-large: 40px;
2191
+ --space-x-large: 56px;
2192
+ --font-size-12: 0.75rem;
2193
+ --font-size-14: 0.875rem;
2194
+ --font-size-16: 1rem;
2195
+ --font-size-18: 1.125rem;
2196
+ --font-size-20: 1.25rem;
2197
+ --font-size-22: 1.375rem;
2198
+ --font-size-24: 1.5rem;
2199
+ --font-size-26: 1.625rem;
2200
+ --font-size-28: 1.75rem;
2201
+ --font-size-30: 1.875rem;
2202
+ --font-size-32: 2rem;
2203
+ --letter-spacing-xxs: 0.005em;
2204
+ --letter-spacing-xs: 0.01em;
2205
+ --letter-spacing-sm: 0.0125em;
2206
+ --letter-spacing-md: 0.015em;
2207
+ --letter-spacing-lg: 0.02em;
2208
+ --letter-spacing-xl: 0.025em;
2209
+ --letter-spacing-negative-xxs: -0.005em;
2210
+ --letter-spacing-negative-xs: -0.01em;
2211
+ --letter-spacing-negative-sm: -0.0125em;
2212
+ --letter-spacing-negative-md: -0.015em;
2213
+ --letter-spacing-negative-lg: -0.02em;
2214
+ --letter-spacing-negative-xl: -0.025em;
2215
+ --letter-spacing-negative-xxl: -0.03em;
2216
+ --letter-spacing-negative-xxxl: -0.04em;
2217
+ --letter-spacing-negative-xxxxl: -0.05em;
2218
+ --line-height-18: 1.125rem;
2219
+ --line-height-20: 1.25rem;
2220
+ --line-height-22: 1.375rem;
2221
+ --line-height-24: 1.5rem;
2222
+ --line-height-28: 1.75rem;
2223
+ --line-height-30: 1.875rem;
2224
+ --line-height-32: 2rem;
2225
+ --line-height-34: 2.125rem;
2226
+ --line-height-36: 2.25rem;
2227
+ --line-height-42: 2.625rem;
2228
+ --line-height-48: 3rem;
2229
+ --line-height-title: 1.2;
2230
+ --line-height-body: 1.5;
2231
+ --line-height-control: 1.2;
2232
+ --font-weight-light: 300;
2233
+ --font-weight-regular: 400;
2234
+ --font-weight-medium: 500;
2235
+ --font-weight-semi-bold: 600;
2236
+ --font-weight-bold: 700;
2237
+ --font-weight-black: 900;
2238
+ --font-family-regular: 'Inter', Helvetica, Arial, sans-serif;
2239
+ --font-family-display: 'Wise Sans', 'Inter', sans-serif;
2240
+ }
2241
+
1506
2242
  /* See: https://github.com/fontsource/fontsource/blob/main/fonts/google/inter/variable.css */
1507
2243
 
1508
2244
  @font-face {
package/dist/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 11 Aug 2025 16:09:53 GMT
3
+ // Generated on Thu, 18 Sep 2025 16:26:58 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -221,7 +221,7 @@
221
221
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
222
222
 
223
223
  // Do not edit directly
224
- // Generated on Mon, 11 Aug 2025 16:09:53 GMT
224
+ // Generated on Thu, 18 Sep 2025 16:26:58 GMT
225
225
 
226
226
  @color-base-blue-light: #00b9ff;
227
227
  @color-base-blue-mid: #00a2dd;
package/dist/props/neptune-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 11 Aug 2025 16:09:53 GMT
3
+ * Generated on Thu, 18 Sep 2025 16:26:58 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@transferwise/neptune-css",
3
3
  "description": "Neptune CSS library",
4
- "version": "14.24.6",
4
+ "version": "14.25.0",
5
5
  "license": "MIT",
6
6
  "repository": {
7
7
  "type": "git",
@@ -23,7 +23,7 @@
23
23
  "scripts"
24
24
  ],
25
25
  "dependencies": {
26
- "@transferwise/neptune-tokens": "^8.19.1"
26
+ "@transferwise/neptune-tokens": "^8.20.0"
27
27
  },
28
28
  "devDependencies": {
29
29
  "gulp": "^5.0.1",
package/src/less/neptune.bundle.less CHANGED
@@ -5,6 +5,10 @@
5
5
  @import '@transferwise/neptune-tokens/themes/personal--dark/tokens.css';
6
6
  @import '@transferwise/neptune-tokens/themes/platform/tokens.css';
7
7
  @import '@transferwise/neptune-tokens/themes/platform--forest-green/tokens.css';
8
+ @import '@transferwise/neptune-tokens/themes/business/tokens.css';
9
+ @import '@transferwise/neptune-tokens/themes/business--dark/tokens.css';
10
+ @import '@transferwise/neptune-tokens/themes/business--forest-green/tokens.css';
11
+ @import '@transferwise/neptune-tokens/themes/business--bright-green/tokens.css';
8
12
  @import "./neptune-core.less";
9
13
  @import './core/viewport-themes.less';
10
14
  @import "./neptune-addons.less";