@nanisoft/prism-llms 0.2.0 → 0.3.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.
@@ -19,8 +19,8 @@ brand, and this page — not the license — is where the brand rules live.
19
19
  ## What is ours
20
20
 
21
21
  The names **Prism** and **NaniSoft**, the Prism wordmark, the Spectral
22
- Refraction visual language, and the brand packs (including their names, blue
23
- and green) identify Prism as built by NaniSoft.
22
+ Refraction visual language, and the brand packs (including their names —
23
+ blue, green, lavender, rose, and peach) identify Prism as built by NaniSoft.
24
24
 
25
25
  ## What you may do
26
26
 
@@ -1373,10 +1373,10 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'dark' });
1373
1373
  | Token | Value |
1374
1374
  | --- | --- |
1375
1375
  | `colorError` | #DC2626 |
1376
- | `colorGround` | #0B1220 |
1377
- | `colorHairline` | rgba(147, 178, 255, 0.16) |
1376
+ | `colorGround` | #0D1730 |
1377
+ | `colorHairline` | rgba(158, 191, 255, 0.18) |
1378
1378
  | `colorInfo` | #2563EB |
1379
- | `colorInk` | #3B82F6 |
1379
+ | `colorInk` | #4C8DF6 |
1380
1380
  | `colorSuccess` | #16A34A |
1381
1381
  | `colorText` | #E8EEF9 |
1382
1382
  | `colorWarning` | #D97706 |
@@ -1401,13 +1401,13 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'dark' });
1401
1401
 
1402
1402
  | Token | Value |
1403
1403
  | --- | --- |
1404
- | `accentLive` | rgba(59, 130, 246, 0.2) |
1404
+ | `accentLive` | rgba(76, 141, 246, 0.2) |
1405
1405
  | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
1406
1406
  | `elevationNone` | none |
1407
- | `focusRing` | rgba(59, 130, 246, 0.55) |
1408
- | `hairlineFaint` | rgba(59, 130, 246, 0.1) |
1409
- | `hairlineStrong` | rgba(147, 178, 255, 0.16) |
1410
- | `inkPrimary` | #3B82F6 |
1407
+ | `focusRing` | rgba(76, 141, 246, 0.55) |
1408
+ | `hairlineFaint` | rgba(76, 141, 246, 0.1) |
1409
+ | `hairlineStrong` | rgba(158, 191, 255, 0.18) |
1410
+ | `inkPrimary` | #4C8DF6 |
1411
1411
  | `motionCurveOpacity` | linear |
1412
1412
  | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
1413
1413
  | `motionDurationFast` | 80ms |
@@ -1423,8 +1423,8 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'dark' });
1423
1423
  | `stateInfo` | #2563EB |
1424
1424
  | `stateSuccess` | #16A34A |
1425
1425
  | `stateWarning` | #D97706 |
1426
- | `surfaceContainer` | #0B1220 |
1427
- | `surfaceGround` | #0B1220 |
1426
+ | `surfaceContainer` | #0D1730 |
1427
+ | `surfaceGround` | #0D1730 |
1428
1428
  | `surfaceScrim` | rgba(4, 10, 20, 0.72) |
1429
1429
  | `textFaint` | rgba(232, 238, 249, 0.3) |
1430
1430
  | `textOnInk` | #0B1220 |
@@ -1446,23 +1446,24 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'dark' });
1446
1446
  | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
1447
1447
  | `boxShadowSecondary` | none |
1448
1448
  | `boxShadowTertiary` | none |
1449
- | `colorBgBase` | #0B1220 |
1449
+ | `colorBgBase` | #0D1730 |
1450
1450
  | `colorBgMask` | rgba(4, 10, 20, 0.72) |
1451
- | `colorBgTextActive` | rgba(59, 130, 246, 0.2) |
1452
- | `colorBorder` | rgba(147, 178, 255, 0.16) |
1453
- | `colorBorderSecondary` | rgba(59, 130, 246, 0.1) |
1451
+ | `colorBgTextActive` | rgba(76, 141, 246, 0.2) |
1452
+ | `colorBorder` | rgba(158, 191, 255, 0.18) |
1453
+ | `colorBorderSecondary` | rgba(76, 141, 246, 0.1) |
1454
1454
  | `colorError` | #DC2626 |
1455
1455
  | `colorInfo` | #2563EB |
1456
- | `colorLink` | #3B82F6 |
1457
- | `colorPrimary` | #3B82F6 |
1458
- | `colorPrimaryTextActive` | #3B82F6 |
1459
- | `colorSplit` | rgba(59, 130, 246, 0.1) |
1456
+ | `colorLink` | #4C8DF6 |
1457
+ | `colorPrimary` | #4C8DF6 |
1458
+ | `colorPrimaryTextActive` | #4C8DF6 |
1459
+ | `colorSplit` | rgba(76, 141, 246, 0.1) |
1460
1460
  | `colorSuccess` | #16A34A |
1461
1461
  | `colorTextBase` | #E8EEF9 |
1462
+ | `colorTextPlaceholder` | rgba(232, 238, 249, 0.45) |
1462
1463
  | `colorWarning` | #D97706 |
1463
- | `controlItemBgActive` | rgba(59, 130, 246, 0.2) |
1464
- | `controlItemBgActiveHover` | rgba(59, 130, 246, 0.2) |
1465
- | `controlOutline` | rgba(59, 130, 246, 0.55) |
1464
+ | `controlItemBgActive` | rgba(76, 141, 246, 0.2) |
1465
+ | `controlItemBgActiveHover` | rgba(76, 141, 246, 0.2) |
1466
+ | `controlOutline` | rgba(76, 141, 246, 0.55) |
1466
1467
  | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
1467
1468
  | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
1468
1469
  | `fontSize` | 14 |
@@ -1503,8 +1504,8 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'light' });
1503
1504
  | Token | Value |
1504
1505
  | --- | --- |
1505
1506
  | `colorError` | #DC2626 |
1506
- | `colorGround` | #F7F9FC |
1507
- | `colorHairline` | rgba(15, 23, 42, 0.08) |
1507
+ | `colorGround` | #EEF3FC |
1508
+ | `colorHairline` | rgba(30, 64, 158, 0.10) |
1508
1509
  | `colorInfo` | #2563EB |
1509
1510
  | `colorInk` | #2563EB |
1510
1511
  | `colorSuccess` | #16A34A |
@@ -1537,7 +1538,7 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'light' });
1537
1538
  | `elevationNone` | none |
1538
1539
  | `focusRing` | rgba(37, 99, 235, 0.35) |
1539
1540
  | `hairlineFaint` | rgba(37, 99, 235, 0.06) |
1540
- | `hairlineStrong` | rgba(15, 23, 42, 0.08) |
1541
+ | `hairlineStrong` | rgba(30, 64, 158, 0.10) |
1541
1542
  | `inkPrimary` | #2563EB |
1542
1543
  | `motionCurveOpacity` | linear |
1543
1544
  | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
@@ -1555,7 +1556,7 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'light' });
1555
1556
  | `stateSuccess` | #16A34A |
1556
1557
  | `stateWarning` | #D97706 |
1557
1558
  | `surfaceContainer` | #FFFFFF |
1558
- | `surfaceGround` | #F7F9FC |
1559
+ | `surfaceGround` | #EEF3FC |
1559
1560
  | `surfaceScrim` | rgba(15, 23, 42, 0.32) |
1560
1561
  | `textFaint` | rgba(26, 42, 74, 0.3) |
1561
1562
  | `textOnInk` | #FFFFFF |
@@ -1578,10 +1579,10 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'light' });
1578
1579
  | `boxShadowSecondary` | none |
1579
1580
  | `boxShadowTertiary` | none |
1580
1581
  | `colorBgBase` | #FFFFFF |
1581
- | `colorBgLayout` | #F7F9FC |
1582
+ | `colorBgLayout` | #EEF3FC |
1582
1583
  | `colorBgMask` | rgba(15, 23, 42, 0.32) |
1583
1584
  | `colorBgTextActive` | rgba(37, 99, 235, 0.1) |
1584
- | `colorBorder` | rgba(15, 23, 42, 0.08) |
1585
+ | `colorBorder` | rgba(30, 64, 158, 0.10) |
1585
1586
  | `colorBorderSecondary` | rgba(37, 99, 235, 0.06) |
1586
1587
  | `colorError` | #DC2626 |
1587
1588
  | `colorInfo` | #2563EB |
@@ -1591,6 +1592,7 @@ const theme = createPrismTheme({ pack: 'blue', mode: 'light' });
1591
1592
  | `colorSplit` | rgba(37, 99, 235, 0.06) |
1592
1593
  | `colorSuccess` | #16A34A |
1593
1594
  | `colorTextBase` | #1A2A4A |
1595
+ | `colorTextPlaceholder` | rgba(26, 42, 74, 0.45) |
1594
1596
  | `colorWarning` | #D97706 |
1595
1597
  | `controlItemBgActive` | rgba(37, 99, 235, 0.1) |
1596
1598
  | `controlItemBgActiveHover` | rgba(37, 99, 235, 0.1) |
@@ -1635,7 +1637,7 @@ const theme = createPrismTheme({ pack: 'green', mode: 'dark' });
1635
1637
  | Token | Value |
1636
1638
  | --- | --- |
1637
1639
  | `colorError` | #DC2626 |
1638
- | `colorGround` | #0A1612 |
1640
+ | `colorGround` | #0C1812 |
1639
1641
  | `colorHairline` | rgba(134, 239, 172, 0.16) |
1640
1642
  | `colorInfo` | #2563EB |
1641
1643
  | `colorInk` | #22C55E |
@@ -1685,8 +1687,8 @@ const theme = createPrismTheme({ pack: 'green', mode: 'dark' });
1685
1687
  | `stateInfo` | #2563EB |
1686
1688
  | `stateSuccess` | #16A34A |
1687
1689
  | `stateWarning` | #D97706 |
1688
- | `surfaceContainer` | #0A1612 |
1689
- | `surfaceGround` | #0A1612 |
1690
+ | `surfaceContainer` | #0C1812 |
1691
+ | `surfaceGround` | #0C1812 |
1690
1692
  | `surfaceScrim` | rgba(4, 10, 20, 0.72) |
1691
1693
  | `textFaint` | rgba(232, 238, 249, 0.3) |
1692
1694
  | `textOnInk` | #0B1220 |
@@ -1708,7 +1710,7 @@ const theme = createPrismTheme({ pack: 'green', mode: 'dark' });
1708
1710
  | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
1709
1711
  | `boxShadowSecondary` | none |
1710
1712
  | `boxShadowTertiary` | none |
1711
- | `colorBgBase` | #0A1612 |
1713
+ | `colorBgBase` | #0C1812 |
1712
1714
  | `colorBgMask` | rgba(4, 10, 20, 0.72) |
1713
1715
  | `colorBgTextActive` | rgba(34, 197, 94, 0.2) |
1714
1716
  | `colorBorder` | rgba(134, 239, 172, 0.16) |
@@ -1721,6 +1723,7 @@ const theme = createPrismTheme({ pack: 'green', mode: 'dark' });
1721
1723
  | `colorSplit` | rgba(34, 197, 94, 0.1) |
1722
1724
  | `colorSuccess` | #16A34A |
1723
1725
  | `colorTextBase` | #E8EEF9 |
1726
+ | `colorTextPlaceholder` | rgba(232, 238, 249, 0.45) |
1724
1727
  | `colorWarning` | #D97706 |
1725
1728
  | `controlItemBgActive` | rgba(34, 197, 94, 0.2) |
1726
1729
  | `controlItemBgActiveHover` | rgba(34, 197, 94, 0.2) |
@@ -1765,10 +1768,10 @@ const theme = createPrismTheme({ pack: 'green', mode: 'light' });
1765
1768
  | Token | Value |
1766
1769
  | --- | --- |
1767
1770
  | `colorError` | #DC2626 |
1768
- | `colorGround` | #F0F9F5 |
1769
- | `colorHairline` | rgba(13, 42, 26, 0.08) |
1771
+ | `colorGround` | #E9F6EF |
1772
+ | `colorHairline` | rgba(17, 90, 47, 0.10) |
1770
1773
  | `colorInfo` | #2563EB |
1771
- | `colorInk` | #0D5C30 |
1774
+ | `colorInk` | #117A3B |
1772
1775
  | `colorSuccess` | #16A34A |
1773
1776
  | `colorSurface` | #FFFFFF |
1774
1777
  | `colorText` | #162A1A |
@@ -1794,13 +1797,13 @@ const theme = createPrismTheme({ pack: 'green', mode: 'light' });
1794
1797
 
1795
1798
  | Token | Value |
1796
1799
  | --- | --- |
1797
- | `accentLive` | rgba(13, 92, 48, 0.1) |
1800
+ | `accentLive` | rgba(17, 122, 59, 0.1) |
1798
1801
  | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
1799
1802
  | `elevationNone` | none |
1800
- | `focusRing` | rgba(13, 92, 48, 0.35) |
1801
- | `hairlineFaint` | rgba(13, 92, 48, 0.06) |
1802
- | `hairlineStrong` | rgba(13, 42, 26, 0.08) |
1803
- | `inkPrimary` | #0D5C30 |
1803
+ | `focusRing` | rgba(17, 122, 59, 0.35) |
1804
+ | `hairlineFaint` | rgba(17, 122, 59, 0.06) |
1805
+ | `hairlineStrong` | rgba(17, 90, 47, 0.10) |
1806
+ | `inkPrimary` | #117A3B |
1804
1807
  | `motionCurveOpacity` | linear |
1805
1808
  | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
1806
1809
  | `motionDurationFast` | 80ms |
@@ -1817,7 +1820,7 @@ const theme = createPrismTheme({ pack: 'green', mode: 'light' });
1817
1820
  | `stateSuccess` | #16A34A |
1818
1821
  | `stateWarning` | #D97706 |
1819
1822
  | `surfaceContainer` | #FFFFFF |
1820
- | `surfaceGround` | #F0F9F5 |
1823
+ | `surfaceGround` | #E9F6EF |
1821
1824
  | `surfaceScrim` | rgba(15, 23, 42, 0.32) |
1822
1825
  | `textFaint` | rgba(22, 42, 26, 0.3) |
1823
1826
  | `textOnInk` | #FFFFFF |
@@ -1840,23 +1843,816 @@ const theme = createPrismTheme({ pack: 'green', mode: 'light' });
1840
1843
  | `boxShadowSecondary` | none |
1841
1844
  | `boxShadowTertiary` | none |
1842
1845
  | `colorBgBase` | #FFFFFF |
1843
- | `colorBgLayout` | #F0F9F5 |
1846
+ | `colorBgLayout` | #E9F6EF |
1844
1847
  | `colorBgMask` | rgba(15, 23, 42, 0.32) |
1845
- | `colorBgTextActive` | rgba(13, 92, 48, 0.1) |
1846
- | `colorBorder` | rgba(13, 42, 26, 0.08) |
1847
- | `colorBorderSecondary` | rgba(13, 92, 48, 0.06) |
1848
+ | `colorBgTextActive` | rgba(17, 122, 59, 0.1) |
1849
+ | `colorBorder` | rgba(17, 90, 47, 0.10) |
1850
+ | `colorBorderSecondary` | rgba(17, 122, 59, 0.06) |
1848
1851
  | `colorError` | #DC2626 |
1849
1852
  | `colorInfo` | #2563EB |
1850
- | `colorLink` | #0D5C30 |
1851
- | `colorPrimary` | #0D5C30 |
1852
- | `colorPrimaryTextActive` | #0D5C30 |
1853
- | `colorSplit` | rgba(13, 92, 48, 0.06) |
1853
+ | `colorLink` | #117A3B |
1854
+ | `colorPrimary` | #117A3B |
1855
+ | `colorPrimaryTextActive` | #117A3B |
1856
+ | `colorSplit` | rgba(17, 122, 59, 0.06) |
1854
1857
  | `colorSuccess` | #16A34A |
1855
1858
  | `colorTextBase` | #162A1A |
1859
+ | `colorTextPlaceholder` | rgba(22, 42, 26, 0.45) |
1856
1860
  | `colorWarning` | #D97706 |
1857
- | `controlItemBgActive` | rgba(13, 92, 48, 0.1) |
1858
- | `controlItemBgActiveHover` | rgba(13, 92, 48, 0.1) |
1859
- | `controlOutline` | rgba(13, 92, 48, 0.35) |
1861
+ | `controlItemBgActive` | rgba(17, 122, 59, 0.1) |
1862
+ | `controlItemBgActiveHover` | rgba(17, 122, 59, 0.1) |
1863
+ | `controlOutline` | rgba(17, 122, 59, 0.35) |
1864
+ | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
1865
+ | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
1866
+ | `fontSize` | 14 |
1867
+ | `fontWeightStrong` | 600 |
1868
+ | `lineWidth` | 1 |
1869
+ | `motionBase` | 0 |
1870
+ | `motionDurationSlow` | 280ms |
1871
+ | `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
1872
+ | `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
1873
+ | `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
1874
+ | `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
1875
+ | `motionUnit` | 0.08 |
1876
+ | `sizeStep` | 4 |
1877
+ | `sizeUnit` | 4 |
1878
+
1879
+ Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
1880
+
1881
+
1882
+ ---
1883
+
1884
+ # Theming — Lavender pack · beam-dark mode
1885
+
1886
+ > `createPrismTheme({ pack: 'lavender', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-lavender-dark`. antd derives everything not listed through its dark algorithm.
1887
+
1888
+ ## Usage
1889
+
1890
+ ```ts
1891
+ import { createPrismTheme } from '@nanisoft/prism-tokens';
1892
+ import { PrismProvider } from '@nanisoft/prism-ui';
1893
+
1894
+ const theme = createPrismTheme({ pack: 'lavender', mode: 'dark' });
1895
+
1896
+ // <PrismProvider prismTheme={theme}>…</PrismProvider>
1897
+ ```
1898
+
1899
+ ## Tier 0 — primitives
1900
+
1901
+ | Token | Value |
1902
+ | --- | --- |
1903
+ | `colorError` | #DC2626 |
1904
+ | `colorGround` | #131022 |
1905
+ | `colorHairline` | rgba(157, 141, 244, 0.17) |
1906
+ | `colorInfo` | #2563EB |
1907
+ | `colorInk` | #9D8DF4 |
1908
+ | `colorSuccess` | #16A34A |
1909
+ | `colorText` | #ECE9FA |
1910
+ | `colorWarning` | #D97706 |
1911
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
1912
+ | `motionCurveOpacity` | linear |
1913
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
1914
+ | `motionDurationFast` | 80ms |
1915
+ | `motionDurationMid` | 160ms |
1916
+ | `motionDurationSlow` | 280ms |
1917
+ | `shapeRadiusBase` | 4 |
1918
+ | `shapeRadiusLg` | 6 |
1919
+ | `shapeRadiusOuter` | 4 |
1920
+ | `shapeRadiusSm` | 2 |
1921
+ | `spaceStep` | 4 |
1922
+ | `spaceUnit` | 4 |
1923
+ | `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
1924
+ | `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
1925
+ | `typeSizeUi` | 14 |
1926
+ | `typeWeightStrong` | 600 |
1927
+
1928
+ ## Tier 1 — semantics
1929
+
1930
+ | Token | Value |
1931
+ | --- | --- |
1932
+ | `accentLive` | rgba(157, 141, 244, 0.2) |
1933
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
1934
+ | `elevationNone` | none |
1935
+ | `focusRing` | rgba(157, 141, 244, 0.55) |
1936
+ | `hairlineFaint` | rgba(157, 141, 244, 0.1) |
1937
+ | `hairlineStrong` | rgba(157, 141, 244, 0.17) |
1938
+ | `inkPrimary` | #9D8DF4 |
1939
+ | `motionCurveOpacity` | linear |
1940
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
1941
+ | `motionDurationFast` | 80ms |
1942
+ | `motionDurationMid` | 160ms |
1943
+ | `motionDurationSlow` | 280ms |
1944
+ | `shapeRadiusBase` | 4 |
1945
+ | `shapeRadiusLg` | 6 |
1946
+ | `shapeRadiusOuter` | 4 |
1947
+ | `shapeRadiusSm` | 2 |
1948
+ | `spaceStep` | 4 |
1949
+ | `spaceUnit` | 4 |
1950
+ | `stateError` | #DC2626 |
1951
+ | `stateInfo` | #2563EB |
1952
+ | `stateSuccess` | #16A34A |
1953
+ | `stateWarning` | #D97706 |
1954
+ | `surfaceContainer` | #131022 |
1955
+ | `surfaceGround` | #131022 |
1956
+ | `surfaceScrim` | rgba(4, 10, 20, 0.72) |
1957
+ | `textFaint` | rgba(236, 233, 250, 0.3) |
1958
+ | `textOnInk` | #0B1220 |
1959
+ | `textPrimary` | #ECE9FA |
1960
+ | `textSecondary` | rgba(236, 233, 250, 0.68) |
1961
+ | `textTertiary` | rgba(236, 233, 250, 0.45) |
1962
+ | `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
1963
+ | `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
1964
+ | `typeSize` | 14 |
1965
+ | `typeWeight` | 600 |
1966
+
1967
+ ## antd token lane (seeds + the closed map-token allowlist)
1968
+
1969
+ | Token | Value |
1970
+ | --- | --- |
1971
+ | `borderRadius` | 4 |
1972
+ | `borderRadiusLG` | 6 |
1973
+ | `borderRadiusSM` | 2 |
1974
+ | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
1975
+ | `boxShadowSecondary` | none |
1976
+ | `boxShadowTertiary` | none |
1977
+ | `colorBgBase` | #131022 |
1978
+ | `colorBgMask` | rgba(4, 10, 20, 0.72) |
1979
+ | `colorBgTextActive` | rgba(157, 141, 244, 0.2) |
1980
+ | `colorBorder` | rgba(157, 141, 244, 0.17) |
1981
+ | `colorBorderSecondary` | rgba(157, 141, 244, 0.1) |
1982
+ | `colorError` | #DC2626 |
1983
+ | `colorInfo` | #2563EB |
1984
+ | `colorLink` | #9D8DF4 |
1985
+ | `colorPrimary` | #9D8DF4 |
1986
+ | `colorPrimaryTextActive` | #9D8DF4 |
1987
+ | `colorSplit` | rgba(157, 141, 244, 0.1) |
1988
+ | `colorSuccess` | #16A34A |
1989
+ | `colorTextBase` | #ECE9FA |
1990
+ | `colorTextPlaceholder` | rgba(236, 233, 250, 0.45) |
1991
+ | `colorWarning` | #D97706 |
1992
+ | `controlItemBgActive` | rgba(157, 141, 244, 0.2) |
1993
+ | `controlItemBgActiveHover` | rgba(157, 141, 244, 0.2) |
1994
+ | `controlOutline` | rgba(157, 141, 244, 0.55) |
1995
+ | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
1996
+ | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
1997
+ | `fontSize` | 14 |
1998
+ | `fontWeightStrong` | 600 |
1999
+ | `lineWidth` | 1 |
2000
+ | `motionBase` | 0 |
2001
+ | `motionDurationSlow` | 280ms |
2002
+ | `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2003
+ | `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2004
+ | `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
2005
+ | `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
2006
+ | `motionUnit` | 0.08 |
2007
+ | `sizeStep` | 4 |
2008
+ | `sizeUnit` | 4 |
2009
+
2010
+ Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
2011
+
2012
+
2013
+ ---
2014
+
2015
+ # Theming — Lavender pack · light mode
2016
+
2017
+ > `createPrismTheme({ pack: 'lavender', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-lavender-light`. antd derives everything not listed through its default algorithm.
2018
+
2019
+ ## Usage
2020
+
2021
+ ```ts
2022
+ import { createPrismTheme } from '@nanisoft/prism-tokens';
2023
+ import { PrismProvider } from '@nanisoft/prism-ui';
2024
+
2025
+ const theme = createPrismTheme({ pack: 'lavender', mode: 'light' });
2026
+
2027
+ // <PrismProvider prismTheme={theme}>…</PrismProvider>
2028
+ ```
2029
+
2030
+ ## Tier 0 — primitives
2031
+
2032
+ | Token | Value |
2033
+ | --- | --- |
2034
+ | `colorError` | #DC2626 |
2035
+ | `colorGround` | #F2F1FB |
2036
+ | `colorHairline` | rgba(84, 70, 176, 0.10) |
2037
+ | `colorInfo` | #2563EB |
2038
+ | `colorInk` | #6A58CE |
2039
+ | `colorSuccess` | #16A34A |
2040
+ | `colorSurface` | #FFFFFF |
2041
+ | `colorText` | #262044 |
2042
+ | `colorWarning` | #D97706 |
2043
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2044
+ | `motionCurveOpacity` | linear |
2045
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2046
+ | `motionDurationFast` | 80ms |
2047
+ | `motionDurationMid` | 160ms |
2048
+ | `motionDurationSlow` | 280ms |
2049
+ | `shapeRadiusBase` | 4 |
2050
+ | `shapeRadiusLg` | 6 |
2051
+ | `shapeRadiusOuter` | 4 |
2052
+ | `shapeRadiusSm` | 2 |
2053
+ | `spaceStep` | 4 |
2054
+ | `spaceUnit` | 4 |
2055
+ | `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2056
+ | `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2057
+ | `typeSizeUi` | 14 |
2058
+ | `typeWeightStrong` | 600 |
2059
+
2060
+ ## Tier 1 — semantics
2061
+
2062
+ | Token | Value |
2063
+ | --- | --- |
2064
+ | `accentLive` | rgba(106, 88, 206, 0.1) |
2065
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2066
+ | `elevationNone` | none |
2067
+ | `focusRing` | rgba(106, 88, 206, 0.35) |
2068
+ | `hairlineFaint` | rgba(106, 88, 206, 0.06) |
2069
+ | `hairlineStrong` | rgba(84, 70, 176, 0.10) |
2070
+ | `inkPrimary` | #6A58CE |
2071
+ | `motionCurveOpacity` | linear |
2072
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2073
+ | `motionDurationFast` | 80ms |
2074
+ | `motionDurationMid` | 160ms |
2075
+ | `motionDurationSlow` | 280ms |
2076
+ | `shapeRadiusBase` | 4 |
2077
+ | `shapeRadiusLg` | 6 |
2078
+ | `shapeRadiusOuter` | 4 |
2079
+ | `shapeRadiusSm` | 2 |
2080
+ | `spaceStep` | 4 |
2081
+ | `spaceUnit` | 4 |
2082
+ | `stateError` | #DC2626 |
2083
+ | `stateInfo` | #2563EB |
2084
+ | `stateSuccess` | #16A34A |
2085
+ | `stateWarning` | #D97706 |
2086
+ | `surfaceContainer` | #FFFFFF |
2087
+ | `surfaceGround` | #F2F1FB |
2088
+ | `surfaceScrim` | rgba(15, 23, 42, 0.32) |
2089
+ | `textFaint` | rgba(38, 32, 68, 0.3) |
2090
+ | `textOnInk` | #FFFFFF |
2091
+ | `textPrimary` | #262044 |
2092
+ | `textSecondary` | rgba(38, 32, 68, 0.68) |
2093
+ | `textTertiary` | rgba(38, 32, 68, 0.45) |
2094
+ | `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2095
+ | `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2096
+ | `typeSize` | 14 |
2097
+ | `typeWeight` | 600 |
2098
+
2099
+ ## antd token lane (seeds + the closed map-token allowlist)
2100
+
2101
+ | Token | Value |
2102
+ | --- | --- |
2103
+ | `borderRadius` | 4 |
2104
+ | `borderRadiusLG` | 6 |
2105
+ | `borderRadiusSM` | 2 |
2106
+ | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2107
+ | `boxShadowSecondary` | none |
2108
+ | `boxShadowTertiary` | none |
2109
+ | `colorBgBase` | #FFFFFF |
2110
+ | `colorBgLayout` | #F2F1FB |
2111
+ | `colorBgMask` | rgba(15, 23, 42, 0.32) |
2112
+ | `colorBgTextActive` | rgba(106, 88, 206, 0.1) |
2113
+ | `colorBorder` | rgba(84, 70, 176, 0.10) |
2114
+ | `colorBorderSecondary` | rgba(106, 88, 206, 0.06) |
2115
+ | `colorError` | #DC2626 |
2116
+ | `colorInfo` | #2563EB |
2117
+ | `colorLink` | #6A58CE |
2118
+ | `colorPrimary` | #6A58CE |
2119
+ | `colorPrimaryTextActive` | #6A58CE |
2120
+ | `colorSplit` | rgba(106, 88, 206, 0.06) |
2121
+ | `colorSuccess` | #16A34A |
2122
+ | `colorTextBase` | #262044 |
2123
+ | `colorTextPlaceholder` | rgba(38, 32, 68, 0.45) |
2124
+ | `colorWarning` | #D97706 |
2125
+ | `controlItemBgActive` | rgba(106, 88, 206, 0.1) |
2126
+ | `controlItemBgActiveHover` | rgba(106, 88, 206, 0.1) |
2127
+ | `controlOutline` | rgba(106, 88, 206, 0.35) |
2128
+ | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2129
+ | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2130
+ | `fontSize` | 14 |
2131
+ | `fontWeightStrong` | 600 |
2132
+ | `lineWidth` | 1 |
2133
+ | `motionBase` | 0 |
2134
+ | `motionDurationSlow` | 280ms |
2135
+ | `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2136
+ | `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2137
+ | `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
2138
+ | `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
2139
+ | `motionUnit` | 0.08 |
2140
+ | `sizeStep` | 4 |
2141
+ | `sizeUnit` | 4 |
2142
+
2143
+ Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
2144
+
2145
+
2146
+ ---
2147
+
2148
+ # Theming — Peach pack · beam-dark mode
2149
+
2150
+ > `createPrismTheme({ pack: 'peach', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-peach-dark`. antd derives everything not listed through its dark algorithm.
2151
+
2152
+ ## Usage
2153
+
2154
+ ```ts
2155
+ import { createPrismTheme } from '@nanisoft/prism-tokens';
2156
+ import { PrismProvider } from '@nanisoft/prism-ui';
2157
+
2158
+ const theme = createPrismTheme({ pack: 'peach', mode: 'dark' });
2159
+
2160
+ // <PrismProvider prismTheme={theme}>…</PrismProvider>
2161
+ ```
2162
+
2163
+ ## Tier 0 — primitives
2164
+
2165
+ | Token | Value |
2166
+ | --- | --- |
2167
+ | `colorError` | #DC2626 |
2168
+ | `colorGround` | #1D140D |
2169
+ | `colorHairline` | rgba(242, 160, 92, 0.17) |
2170
+ | `colorInfo` | #2563EB |
2171
+ | `colorInk` | #F2A05C |
2172
+ | `colorSuccess` | #16A34A |
2173
+ | `colorText` | #FAF0E4 |
2174
+ | `colorWarning` | #D97706 |
2175
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
2176
+ | `motionCurveOpacity` | linear |
2177
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2178
+ | `motionDurationFast` | 80ms |
2179
+ | `motionDurationMid` | 160ms |
2180
+ | `motionDurationSlow` | 280ms |
2181
+ | `shapeRadiusBase` | 4 |
2182
+ | `shapeRadiusLg` | 6 |
2183
+ | `shapeRadiusOuter` | 4 |
2184
+ | `shapeRadiusSm` | 2 |
2185
+ | `spaceStep` | 4 |
2186
+ | `spaceUnit` | 4 |
2187
+ | `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2188
+ | `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2189
+ | `typeSizeUi` | 14 |
2190
+ | `typeWeightStrong` | 600 |
2191
+
2192
+ ## Tier 1 — semantics
2193
+
2194
+ | Token | Value |
2195
+ | --- | --- |
2196
+ | `accentLive` | rgba(242, 160, 92, 0.2) |
2197
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
2198
+ | `elevationNone` | none |
2199
+ | `focusRing` | rgba(242, 160, 92, 0.55) |
2200
+ | `hairlineFaint` | rgba(242, 160, 92, 0.1) |
2201
+ | `hairlineStrong` | rgba(242, 160, 92, 0.17) |
2202
+ | `inkPrimary` | #F2A05C |
2203
+ | `motionCurveOpacity` | linear |
2204
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2205
+ | `motionDurationFast` | 80ms |
2206
+ | `motionDurationMid` | 160ms |
2207
+ | `motionDurationSlow` | 280ms |
2208
+ | `shapeRadiusBase` | 4 |
2209
+ | `shapeRadiusLg` | 6 |
2210
+ | `shapeRadiusOuter` | 4 |
2211
+ | `shapeRadiusSm` | 2 |
2212
+ | `spaceStep` | 4 |
2213
+ | `spaceUnit` | 4 |
2214
+ | `stateError` | #DC2626 |
2215
+ | `stateInfo` | #2563EB |
2216
+ | `stateSuccess` | #16A34A |
2217
+ | `stateWarning` | #D97706 |
2218
+ | `surfaceContainer` | #1D140D |
2219
+ | `surfaceGround` | #1D140D |
2220
+ | `surfaceScrim` | rgba(4, 10, 20, 0.72) |
2221
+ | `textFaint` | rgba(250, 240, 228, 0.3) |
2222
+ | `textOnInk` | #0B1220 |
2223
+ | `textPrimary` | #FAF0E4 |
2224
+ | `textSecondary` | rgba(250, 240, 228, 0.68) |
2225
+ | `textTertiary` | rgba(250, 240, 228, 0.45) |
2226
+ | `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2227
+ | `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2228
+ | `typeSize` | 14 |
2229
+ | `typeWeight` | 600 |
2230
+
2231
+ ## antd token lane (seeds + the closed map-token allowlist)
2232
+
2233
+ | Token | Value |
2234
+ | --- | --- |
2235
+ | `borderRadius` | 4 |
2236
+ | `borderRadiusLG` | 6 |
2237
+ | `borderRadiusSM` | 2 |
2238
+ | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
2239
+ | `boxShadowSecondary` | none |
2240
+ | `boxShadowTertiary` | none |
2241
+ | `colorBgBase` | #1D140D |
2242
+ | `colorBgMask` | rgba(4, 10, 20, 0.72) |
2243
+ | `colorBgTextActive` | rgba(242, 160, 92, 0.2) |
2244
+ | `colorBorder` | rgba(242, 160, 92, 0.17) |
2245
+ | `colorBorderSecondary` | rgba(242, 160, 92, 0.1) |
2246
+ | `colorError` | #DC2626 |
2247
+ | `colorInfo` | #2563EB |
2248
+ | `colorLink` | #F2A05C |
2249
+ | `colorPrimary` | #F2A05C |
2250
+ | `colorPrimaryTextActive` | #F2A05C |
2251
+ | `colorSplit` | rgba(242, 160, 92, 0.1) |
2252
+ | `colorSuccess` | #16A34A |
2253
+ | `colorTextBase` | #FAF0E4 |
2254
+ | `colorTextPlaceholder` | rgba(250, 240, 228, 0.45) |
2255
+ | `colorWarning` | #D97706 |
2256
+ | `controlItemBgActive` | rgba(242, 160, 92, 0.2) |
2257
+ | `controlItemBgActiveHover` | rgba(242, 160, 92, 0.2) |
2258
+ | `controlOutline` | rgba(242, 160, 92, 0.55) |
2259
+ | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2260
+ | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2261
+ | `fontSize` | 14 |
2262
+ | `fontWeightStrong` | 600 |
2263
+ | `lineWidth` | 1 |
2264
+ | `motionBase` | 0 |
2265
+ | `motionDurationSlow` | 280ms |
2266
+ | `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2267
+ | `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2268
+ | `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
2269
+ | `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
2270
+ | `motionUnit` | 0.08 |
2271
+ | `sizeStep` | 4 |
2272
+ | `sizeUnit` | 4 |
2273
+
2274
+ Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
2275
+
2276
+
2277
+ ---
2278
+
2279
+ # Theming — Peach pack · light mode
2280
+
2281
+ > `createPrismTheme({ pack: 'peach', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-peach-light`. antd derives everything not listed through its default algorithm.
2282
+
2283
+ ## Usage
2284
+
2285
+ ```ts
2286
+ import { createPrismTheme } from '@nanisoft/prism-tokens';
2287
+ import { PrismProvider } from '@nanisoft/prism-ui';
2288
+
2289
+ const theme = createPrismTheme({ pack: 'peach', mode: 'light' });
2290
+
2291
+ // <PrismProvider prismTheme={theme}>…</PrismProvider>
2292
+ ```
2293
+
2294
+ ## Tier 0 — primitives
2295
+
2296
+ | Token | Value |
2297
+ | --- | --- |
2298
+ | `colorError` | #DC2626 |
2299
+ | `colorGround` | #FBF3EA |
2300
+ | `colorHairline` | rgba(146, 62, 24, 0.10) |
2301
+ | `colorInfo` | #2563EB |
2302
+ | `colorInk` | #B04A17 |
2303
+ | `colorSuccess` | #16A34A |
2304
+ | `colorSurface` | #FFFFFF |
2305
+ | `colorText` | #3A241A |
2306
+ | `colorWarning` | #D97706 |
2307
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2308
+ | `motionCurveOpacity` | linear |
2309
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2310
+ | `motionDurationFast` | 80ms |
2311
+ | `motionDurationMid` | 160ms |
2312
+ | `motionDurationSlow` | 280ms |
2313
+ | `shapeRadiusBase` | 4 |
2314
+ | `shapeRadiusLg` | 6 |
2315
+ | `shapeRadiusOuter` | 4 |
2316
+ | `shapeRadiusSm` | 2 |
2317
+ | `spaceStep` | 4 |
2318
+ | `spaceUnit` | 4 |
2319
+ | `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2320
+ | `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2321
+ | `typeSizeUi` | 14 |
2322
+ | `typeWeightStrong` | 600 |
2323
+
2324
+ ## Tier 1 — semantics
2325
+
2326
+ | Token | Value |
2327
+ | --- | --- |
2328
+ | `accentLive` | rgba(176, 74, 23, 0.1) |
2329
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2330
+ | `elevationNone` | none |
2331
+ | `focusRing` | rgba(176, 74, 23, 0.35) |
2332
+ | `hairlineFaint` | rgba(176, 74, 23, 0.06) |
2333
+ | `hairlineStrong` | rgba(146, 62, 24, 0.10) |
2334
+ | `inkPrimary` | #B04A17 |
2335
+ | `motionCurveOpacity` | linear |
2336
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2337
+ | `motionDurationFast` | 80ms |
2338
+ | `motionDurationMid` | 160ms |
2339
+ | `motionDurationSlow` | 280ms |
2340
+ | `shapeRadiusBase` | 4 |
2341
+ | `shapeRadiusLg` | 6 |
2342
+ | `shapeRadiusOuter` | 4 |
2343
+ | `shapeRadiusSm` | 2 |
2344
+ | `spaceStep` | 4 |
2345
+ | `spaceUnit` | 4 |
2346
+ | `stateError` | #DC2626 |
2347
+ | `stateInfo` | #2563EB |
2348
+ | `stateSuccess` | #16A34A |
2349
+ | `stateWarning` | #D97706 |
2350
+ | `surfaceContainer` | #FFFFFF |
2351
+ | `surfaceGround` | #FBF3EA |
2352
+ | `surfaceScrim` | rgba(15, 23, 42, 0.32) |
2353
+ | `textFaint` | rgba(58, 36, 26, 0.3) |
2354
+ | `textOnInk` | #FFFFFF |
2355
+ | `textPrimary` | #3A241A |
2356
+ | `textSecondary` | rgba(58, 36, 26, 0.68) |
2357
+ | `textTertiary` | rgba(58, 36, 26, 0.45) |
2358
+ | `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2359
+ | `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2360
+ | `typeSize` | 14 |
2361
+ | `typeWeight` | 600 |
2362
+
2363
+ ## antd token lane (seeds + the closed map-token allowlist)
2364
+
2365
+ | Token | Value |
2366
+ | --- | --- |
2367
+ | `borderRadius` | 4 |
2368
+ | `borderRadiusLG` | 6 |
2369
+ | `borderRadiusSM` | 2 |
2370
+ | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2371
+ | `boxShadowSecondary` | none |
2372
+ | `boxShadowTertiary` | none |
2373
+ | `colorBgBase` | #FFFFFF |
2374
+ | `colorBgLayout` | #FBF3EA |
2375
+ | `colorBgMask` | rgba(15, 23, 42, 0.32) |
2376
+ | `colorBgTextActive` | rgba(176, 74, 23, 0.1) |
2377
+ | `colorBorder` | rgba(146, 62, 24, 0.10) |
2378
+ | `colorBorderSecondary` | rgba(176, 74, 23, 0.06) |
2379
+ | `colorError` | #DC2626 |
2380
+ | `colorInfo` | #2563EB |
2381
+ | `colorLink` | #B04A17 |
2382
+ | `colorPrimary` | #B04A17 |
2383
+ | `colorPrimaryTextActive` | #B04A17 |
2384
+ | `colorSplit` | rgba(176, 74, 23, 0.06) |
2385
+ | `colorSuccess` | #16A34A |
2386
+ | `colorTextBase` | #3A241A |
2387
+ | `colorTextPlaceholder` | rgba(58, 36, 26, 0.45) |
2388
+ | `colorWarning` | #D97706 |
2389
+ | `controlItemBgActive` | rgba(176, 74, 23, 0.1) |
2390
+ | `controlItemBgActiveHover` | rgba(176, 74, 23, 0.1) |
2391
+ | `controlOutline` | rgba(176, 74, 23, 0.35) |
2392
+ | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2393
+ | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2394
+ | `fontSize` | 14 |
2395
+ | `fontWeightStrong` | 600 |
2396
+ | `lineWidth` | 1 |
2397
+ | `motionBase` | 0 |
2398
+ | `motionDurationSlow` | 280ms |
2399
+ | `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2400
+ | `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2401
+ | `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
2402
+ | `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
2403
+ | `motionUnit` | 0.08 |
2404
+ | `sizeStep` | 4 |
2405
+ | `sizeUnit` | 4 |
2406
+
2407
+ Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
2408
+
2409
+
2410
+ ---
2411
+
2412
+ # Theming — Rose pack · beam-dark mode
2413
+
2414
+ > `createPrismTheme({ pack: 'rose', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-rose-dark`. antd derives everything not listed through its dark algorithm.
2415
+
2416
+ ## Usage
2417
+
2418
+ ```ts
2419
+ import { createPrismTheme } from '@nanisoft/prism-tokens';
2420
+ import { PrismProvider } from '@nanisoft/prism-ui';
2421
+
2422
+ const theme = createPrismTheme({ pack: 'rose', mode: 'dark' });
2423
+
2424
+ // <PrismProvider prismTheme={theme}>…</PrismProvider>
2425
+ ```
2426
+
2427
+ ## Tier 0 — primitives
2428
+
2429
+ | Token | Value |
2430
+ | --- | --- |
2431
+ | `colorError` | #DC2626 |
2432
+ | `colorGround` | #1A111C |
2433
+ | `colorHairline` | rgba(240, 140, 180, 0.17) |
2434
+ | `colorInfo` | #2563EB |
2435
+ | `colorInk` | #F08CB4 |
2436
+ | `colorSuccess` | #16A34A |
2437
+ | `colorText` | #F9EAF1 |
2438
+ | `colorWarning` | #D97706 |
2439
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
2440
+ | `motionCurveOpacity` | linear |
2441
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2442
+ | `motionDurationFast` | 80ms |
2443
+ | `motionDurationMid` | 160ms |
2444
+ | `motionDurationSlow` | 280ms |
2445
+ | `shapeRadiusBase` | 4 |
2446
+ | `shapeRadiusLg` | 6 |
2447
+ | `shapeRadiusOuter` | 4 |
2448
+ | `shapeRadiusSm` | 2 |
2449
+ | `spaceStep` | 4 |
2450
+ | `spaceUnit` | 4 |
2451
+ | `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2452
+ | `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2453
+ | `typeSizeUi` | 14 |
2454
+ | `typeWeightStrong` | 600 |
2455
+
2456
+ ## Tier 1 — semantics
2457
+
2458
+ | Token | Value |
2459
+ | --- | --- |
2460
+ | `accentLive` | rgba(240, 140, 180, 0.2) |
2461
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
2462
+ | `elevationNone` | none |
2463
+ | `focusRing` | rgba(240, 140, 180, 0.55) |
2464
+ | `hairlineFaint` | rgba(240, 140, 180, 0.1) |
2465
+ | `hairlineStrong` | rgba(240, 140, 180, 0.17) |
2466
+ | `inkPrimary` | #F08CB4 |
2467
+ | `motionCurveOpacity` | linear |
2468
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2469
+ | `motionDurationFast` | 80ms |
2470
+ | `motionDurationMid` | 160ms |
2471
+ | `motionDurationSlow` | 280ms |
2472
+ | `shapeRadiusBase` | 4 |
2473
+ | `shapeRadiusLg` | 6 |
2474
+ | `shapeRadiusOuter` | 4 |
2475
+ | `shapeRadiusSm` | 2 |
2476
+ | `spaceStep` | 4 |
2477
+ | `spaceUnit` | 4 |
2478
+ | `stateError` | #DC2626 |
2479
+ | `stateInfo` | #2563EB |
2480
+ | `stateSuccess` | #16A34A |
2481
+ | `stateWarning` | #D97706 |
2482
+ | `surfaceContainer` | #1A111C |
2483
+ | `surfaceGround` | #1A111C |
2484
+ | `surfaceScrim` | rgba(4, 10, 20, 0.72) |
2485
+ | `textFaint` | rgba(249, 234, 241, 0.3) |
2486
+ | `textOnInk` | #0B1220 |
2487
+ | `textPrimary` | #F9EAF1 |
2488
+ | `textSecondary` | rgba(249, 234, 241, 0.68) |
2489
+ | `textTertiary` | rgba(249, 234, 241, 0.45) |
2490
+ | `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2491
+ | `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2492
+ | `typeSize` | 14 |
2493
+ | `typeWeight` | 600 |
2494
+
2495
+ ## antd token lane (seeds + the closed map-token allowlist)
2496
+
2497
+ | Token | Value |
2498
+ | --- | --- |
2499
+ | `borderRadius` | 4 |
2500
+ | `borderRadiusLG` | 6 |
2501
+ | `borderRadiusSM` | 2 |
2502
+ | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
2503
+ | `boxShadowSecondary` | none |
2504
+ | `boxShadowTertiary` | none |
2505
+ | `colorBgBase` | #1A111C |
2506
+ | `colorBgMask` | rgba(4, 10, 20, 0.72) |
2507
+ | `colorBgTextActive` | rgba(240, 140, 180, 0.2) |
2508
+ | `colorBorder` | rgba(240, 140, 180, 0.17) |
2509
+ | `colorBorderSecondary` | rgba(240, 140, 180, 0.1) |
2510
+ | `colorError` | #DC2626 |
2511
+ | `colorInfo` | #2563EB |
2512
+ | `colorLink` | #F08CB4 |
2513
+ | `colorPrimary` | #F08CB4 |
2514
+ | `colorPrimaryTextActive` | #F08CB4 |
2515
+ | `colorSplit` | rgba(240, 140, 180, 0.1) |
2516
+ | `colorSuccess` | #16A34A |
2517
+ | `colorTextBase` | #F9EAF1 |
2518
+ | `colorTextPlaceholder` | rgba(249, 234, 241, 0.45) |
2519
+ | `colorWarning` | #D97706 |
2520
+ | `controlItemBgActive` | rgba(240, 140, 180, 0.2) |
2521
+ | `controlItemBgActiveHover` | rgba(240, 140, 180, 0.2) |
2522
+ | `controlOutline` | rgba(240, 140, 180, 0.55) |
2523
+ | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2524
+ | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2525
+ | `fontSize` | 14 |
2526
+ | `fontWeightStrong` | 600 |
2527
+ | `lineWidth` | 1 |
2528
+ | `motionBase` | 0 |
2529
+ | `motionDurationSlow` | 280ms |
2530
+ | `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2531
+ | `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
2532
+ | `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
2533
+ | `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
2534
+ | `motionUnit` | 0.08 |
2535
+ | `sizeStep` | 4 |
2536
+ | `sizeUnit` | 4 |
2537
+
2538
+ Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
2539
+
2540
+
2541
+ ---
2542
+
2543
+ # Theming — Rose pack · light mode
2544
+
2545
+ > `createPrismTheme({ pack: 'rose', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-rose-light`. antd derives everything not listed through its default algorithm.
2546
+
2547
+ ## Usage
2548
+
2549
+ ```ts
2550
+ import { createPrismTheme } from '@nanisoft/prism-tokens';
2551
+ import { PrismProvider } from '@nanisoft/prism-ui';
2552
+
2553
+ const theme = createPrismTheme({ pack: 'rose', mode: 'light' });
2554
+
2555
+ // <PrismProvider prismTheme={theme}>…</PrismProvider>
2556
+ ```
2557
+
2558
+ ## Tier 0 — primitives
2559
+
2560
+ | Token | Value |
2561
+ | --- | --- |
2562
+ | `colorError` | #DC2626 |
2563
+ | `colorGround` | #FBF1F5 |
2564
+ | `colorHairline` | rgba(150, 48, 92, 0.10) |
2565
+ | `colorInfo` | #2563EB |
2566
+ | `colorInk` | #BC3A6C |
2567
+ | `colorSuccess` | #16A34A |
2568
+ | `colorSurface` | #FFFFFF |
2569
+ | `colorText` | #331B29 |
2570
+ | `colorWarning` | #D97706 |
2571
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2572
+ | `motionCurveOpacity` | linear |
2573
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2574
+ | `motionDurationFast` | 80ms |
2575
+ | `motionDurationMid` | 160ms |
2576
+ | `motionDurationSlow` | 280ms |
2577
+ | `shapeRadiusBase` | 4 |
2578
+ | `shapeRadiusLg` | 6 |
2579
+ | `shapeRadiusOuter` | 4 |
2580
+ | `shapeRadiusSm` | 2 |
2581
+ | `spaceStep` | 4 |
2582
+ | `spaceUnit` | 4 |
2583
+ | `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2584
+ | `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2585
+ | `typeSizeUi` | 14 |
2586
+ | `typeWeightStrong` | 600 |
2587
+
2588
+ ## Tier 1 — semantics
2589
+
2590
+ | Token | Value |
2591
+ | --- | --- |
2592
+ | `accentLive` | rgba(188, 58, 108, 0.1) |
2593
+ | `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2594
+ | `elevationNone` | none |
2595
+ | `focusRing` | rgba(188, 58, 108, 0.35) |
2596
+ | `hairlineFaint` | rgba(188, 58, 108, 0.06) |
2597
+ | `hairlineStrong` | rgba(150, 48, 92, 0.10) |
2598
+ | `inkPrimary` | #BC3A6C |
2599
+ | `motionCurveOpacity` | linear |
2600
+ | `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
2601
+ | `motionDurationFast` | 80ms |
2602
+ | `motionDurationMid` | 160ms |
2603
+ | `motionDurationSlow` | 280ms |
2604
+ | `shapeRadiusBase` | 4 |
2605
+ | `shapeRadiusLg` | 6 |
2606
+ | `shapeRadiusOuter` | 4 |
2607
+ | `shapeRadiusSm` | 2 |
2608
+ | `spaceStep` | 4 |
2609
+ | `spaceUnit` | 4 |
2610
+ | `stateError` | #DC2626 |
2611
+ | `stateInfo` | #2563EB |
2612
+ | `stateSuccess` | #16A34A |
2613
+ | `stateWarning` | #D97706 |
2614
+ | `surfaceContainer` | #FFFFFF |
2615
+ | `surfaceGround` | #FBF1F5 |
2616
+ | `surfaceScrim` | rgba(15, 23, 42, 0.32) |
2617
+ | `textFaint` | rgba(51, 27, 41, 0.3) |
2618
+ | `textOnInk` | #FFFFFF |
2619
+ | `textPrimary` | #331B29 |
2620
+ | `textSecondary` | rgba(51, 27, 41, 0.68) |
2621
+ | `textTertiary` | rgba(51, 27, 41, 0.45) |
2622
+ | `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
2623
+ | `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
2624
+ | `typeSize` | 14 |
2625
+ | `typeWeight` | 600 |
2626
+
2627
+ ## antd token lane (seeds + the closed map-token allowlist)
2628
+
2629
+ | Token | Value |
2630
+ | --- | --- |
2631
+ | `borderRadius` | 4 |
2632
+ | `borderRadiusLG` | 6 |
2633
+ | `borderRadiusSM` | 2 |
2634
+ | `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
2635
+ | `boxShadowSecondary` | none |
2636
+ | `boxShadowTertiary` | none |
2637
+ | `colorBgBase` | #FFFFFF |
2638
+ | `colorBgLayout` | #FBF1F5 |
2639
+ | `colorBgMask` | rgba(15, 23, 42, 0.32) |
2640
+ | `colorBgTextActive` | rgba(188, 58, 108, 0.1) |
2641
+ | `colorBorder` | rgba(150, 48, 92, 0.10) |
2642
+ | `colorBorderSecondary` | rgba(188, 58, 108, 0.06) |
2643
+ | `colorError` | #DC2626 |
2644
+ | `colorInfo` | #2563EB |
2645
+ | `colorLink` | #BC3A6C |
2646
+ | `colorPrimary` | #BC3A6C |
2647
+ | `colorPrimaryTextActive` | #BC3A6C |
2648
+ | `colorSplit` | rgba(188, 58, 108, 0.06) |
2649
+ | `colorSuccess` | #16A34A |
2650
+ | `colorTextBase` | #331B29 |
2651
+ | `colorTextPlaceholder` | rgba(51, 27, 41, 0.45) |
2652
+ | `colorWarning` | #D97706 |
2653
+ | `controlItemBgActive` | rgba(188, 58, 108, 0.1) |
2654
+ | `controlItemBgActiveHover` | rgba(188, 58, 108, 0.1) |
2655
+ | `controlOutline` | rgba(188, 58, 108, 0.35) |
1860
2656
  | `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
1861
2657
  | `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
1862
2658
  | `fontSize` | 14 |