@nanisoft/prism-llms 0.2.0 → 0.4.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/dist/data.json +44 -6
- package/dist/llms-full.txt +893 -53
- package/dist/llms.txt +8 -0
- package/dist/md/blocks/site-footer.md +19 -0
- package/dist/md/blocks/site-header.md +19 -0
- package/dist/md/docs/brand.md +2 -2
- package/dist/md/theme/blue-dark.md +22 -21
- package/dist/md/theme/blue-light.md +7 -6
- package/dist/md/theme/green-dark.md +5 -4
- package/dist/md/theme/green-light.md +21 -20
- package/dist/md/theme/lavender-dark.md +127 -0
- package/dist/md/theme/lavender-light.md +129 -0
- package/dist/md/theme/peach-dark.md +127 -0
- package/dist/md/theme/peach-light.md +129 -0
- package/dist/md/theme/rose-dark.md +127 -0
- package/dist/md/theme/rose-light.md +129 -0
- package/package.json +4 -4
package/dist/data.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"prismVersion": "0.
|
|
2
|
+
"prismVersion": "0.4.0",
|
|
3
3
|
"baseUrl": "https://prism.nanisoft.com",
|
|
4
4
|
"items": [
|
|
5
5
|
{
|
|
@@ -513,6 +513,20 @@
|
|
|
513
513
|
"doc": "# PageHeader\n\nPrism block — full documentation pending.\n\n```ts\nimport { PageHeader } from '@nanisoft/prism-ui/blocks';\n```\n\n`PageHeader` is a Prism block. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).\n\n## Props\n\n| Prop | Type | Default | Description |\n| --- | --- | --- | --- |\n| `title` | string | — | — |\n| `subtitle` (optional) | string | — | — |\n| `breadcrumb` (optional) | ReactNode | — | — |\n| `actions` (optional) | ReactNode | — | Right-aligned actions (buttons, links). |\n| `className` (optional) | string | — | — |",
|
|
514
514
|
"props": "## Props\n\n| Prop | Type | Default | Description |\n| --- | --- | --- | --- |\n| `title` | string | — | — |\n| `subtitle` (optional) | string | — | — |\n| `breadcrumb` (optional) | ReactNode | — | — |\n| `actions` (optional) | ReactNode | — | Right-aligned actions (buttons, links). |\n| `className` (optional) | string | — | — |"
|
|
515
515
|
},
|
|
516
|
+
{
|
|
517
|
+
"name": "SiteFooter",
|
|
518
|
+
"kind": "block",
|
|
519
|
+
"description": "Prism block — full documentation pending.",
|
|
520
|
+
"doc": "# SiteFooter\n\nPrism block — full documentation pending.\n\n```ts\nimport { SiteFooter } from '@nanisoft/prism-ui/blocks';\n```\n\n`SiteFooter` is a Prism block. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).\n\n## Props\n\n| Prop | Type | Default | Description |\n| --- | --- | --- | --- |\n| `site` | PrismProductId | — | The site's registry id — marks the current product in the grid. |\n| `columns` (optional) | readonly SiteFooterColumn[] | — | Site-declared link columns, rendered beside the product grid. |\n| `social` (optional) | readonly SiteFooterSocialLink[] | — | Social links with app-supplied icons. |\n| `legal` (optional) | ReactNode | — | Overrides the default \"© NaniSoft\" line. |\n| `className` (optional) | string | — | — |",
|
|
521
|
+
"props": "## Props\n\n| Prop | Type | Default | Description |\n| --- | --- | --- | --- |\n| `site` | PrismProductId | — | The site's registry id — marks the current product in the grid. |\n| `columns` (optional) | readonly SiteFooterColumn[] | — | Site-declared link columns, rendered beside the product grid. |\n| `social` (optional) | readonly SiteFooterSocialLink[] | — | Social links with app-supplied icons. |\n| `legal` (optional) | ReactNode | — | Overrides the default \"© NaniSoft\" line. |\n| `className` (optional) | string | — | — |"
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"name": "SiteHeader",
|
|
525
|
+
"kind": "block",
|
|
526
|
+
"description": "Prism block — full documentation pending.",
|
|
527
|
+
"doc": "# SiteHeader\n\nPrism block — full documentation pending.\n\n```ts\nimport { SiteHeader } from '@nanisoft/prism-ui/blocks';\n```\n\n`SiteHeader` is a Prism block. Full documentation is pending — the prism MCP answers API questions in the meantime (`get_item_props`, `get_item_source`).\n\n## Props\n\n| Prop | Type | Default | Description |\n| --- | --- | --- | --- |\n| `site` | PrismProductId | — | The site's registry id — identity is static and known at build time. |\n| `nav` (optional) | readonly PrismNavLink[] | — | Lean site nav, rendered between the brand and the actions. |\n| `cta` (optional) | ReactNode | — | Right-pinned call to action, before the switcher. |\n| `sticky` (optional) | boolean | — | Sticky by default; pass false to pin the header static. |\n| `className` (optional) | string | — | — |",
|
|
528
|
+
"props": "## Props\n\n| Prop | Type | Default | Description |\n| --- | --- | --- | --- |\n| `site` | PrismProductId | — | The site's registry id — identity is static and known at build time. |\n| `nav` (optional) | readonly PrismNavLink[] | — | Lean site nav, rendered between the brand and the actions. |\n| `cta` (optional) | ReactNode | — | Right-pinned call to action, before the switcher. |\n| `sticky` (optional) | boolean | — | Sticky by default; pass false to pin the header static. |\n| `className` (optional) | string | — | — |"
|
|
529
|
+
},
|
|
516
530
|
{
|
|
517
531
|
"name": "BlogLayout",
|
|
518
532
|
"kind": "page",
|
|
@@ -533,25 +547,49 @@
|
|
|
533
547
|
"url": "/docs/brand",
|
|
534
548
|
"title": "Brand policy",
|
|
535
549
|
"description": "What the MIT license covers, what it doesn't, and how the Prism and NaniSoft names may be used.",
|
|
536
|
-
"markdown": "# Brand policy\n\nWhat the MIT license covers, what it doesn't, and how the Prism and NaniSoft names may be used.\n\nThe Prism packages are [MIT-licensed](https://github.com/NaniSoft/prism) — the\ncode is yours to use, study, modify, and redistribute, including\ncommercially. Attribution and third-party notices live in the repository's\n`THIRD-PARTY-NOTICES.md`.\n\nA code license grants rights in the code. It does not grant rights in the\nbrand, and this page — not the license — is where the brand rules live.\n\n## What is ours\n\nThe names **Prism** and **NaniSoft**, the Prism wordmark, the Spectral\nRefraction visual language, and the brand packs (including their names,
|
|
550
|
+
"markdown": "# Brand policy\n\nWhat the MIT license covers, what it doesn't, and how the Prism and NaniSoft names may be used.\n\nThe Prism packages are [MIT-licensed](https://github.com/NaniSoft/prism) — the\ncode is yours to use, study, modify, and redistribute, including\ncommercially. Attribution and third-party notices live in the repository's\n`THIRD-PARTY-NOTICES.md`.\n\nA code license grants rights in the code. It does not grant rights in the\nbrand, and this page — not the license — is where the brand rules live.\n\n## What is ours\n\nThe names **Prism** and **NaniSoft**, the Prism wordmark, the Spectral\nRefraction visual language, and the brand packs (including their names —\nblue, green, lavender, rose, and peach) identify Prism as built by NaniSoft.\n\n## What you may do\n\n- Say, accurately, that your product is *built with* Prism, and link here.\n- Fork, modify, and redistribute the code under MIT — including shipping your\n own theme packs — as long as you don't present the result as Prism, or as\n originating from or endorsed by NaniSoft.\n- Reference \"Prism\" in prose, talks, and comparisons to identify the project,\n the way any trademark is used to name the thing it names.\n\n## What you may not do\n\n- Distribute a modified or repackaged version under the Prism or NaniSoft\n names, or with the Prism wordmark.\n- Use the names or wordmark as your product, domain, or package name, or in\n a way that implies NaniSoft endorsement or certification.\n\n## Status\n\nWe haven't registered these marks; they're protected by the license's\nhonesty and by common-law rights. If you're unsure whether a use is fine,\nask before you ship — and if you spot a use of the brand that looks off,\ntell us. Third-party theme packs demonstrating `createPrismTheme()` are\nwelcome and encouraged; they just need their own names."
|
|
537
551
|
}
|
|
538
552
|
],
|
|
539
553
|
"themes": [
|
|
540
554
|
{
|
|
541
555
|
"slug": "blue-dark",
|
|
542
|
-
"markdown": "# Theming — Blue pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'blue', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-blue-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'blue', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #
|
|
556
|
+
"markdown": "# Theming — Blue pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'blue', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-blue-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'blue', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #0D1730 |\n| `colorHairline` | rgba(158, 191, 255, 0.18) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #4C8DF6 |\n| `colorSuccess` | #16A34A |\n| `colorText` | #E8EEF9 |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(76, 141, 246, 0.2) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `elevationNone` | none |\n| `focusRing` | rgba(76, 141, 246, 0.55) |\n| `hairlineFaint` | rgba(76, 141, 246, 0.1) |\n| `hairlineStrong` | rgba(158, 191, 255, 0.18) |\n| `inkPrimary` | #4C8DF6 |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #0D1730 |\n| `surfaceGround` | #0D1730 |\n| `surfaceScrim` | rgba(4, 10, 20, 0.72) |\n| `textFaint` | rgba(232, 238, 249, 0.3) |\n| `textOnInk` | #0B1220 |\n| `textPrimary` | #E8EEF9 |\n| `textSecondary` | rgba(232, 238, 249, 0.68) |\n| `textTertiary` | rgba(232, 238, 249, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #0D1730 |\n| `colorBgMask` | rgba(4, 10, 20, 0.72) |\n| `colorBgTextActive` | rgba(76, 141, 246, 0.2) |\n| `colorBorder` | rgba(158, 191, 255, 0.18) |\n| `colorBorderSecondary` | rgba(76, 141, 246, 0.1) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #4C8DF6 |\n| `colorPrimary` | #4C8DF6 |\n| `colorPrimaryTextActive` | #4C8DF6 |\n| `colorSplit` | rgba(76, 141, 246, 0.1) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #E8EEF9 |\n| `colorTextPlaceholder` | rgba(232, 238, 249, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(76, 141, 246, 0.2) |\n| `controlItemBgActiveHover` | rgba(76, 141, 246, 0.2) |\n| `controlOutline` | rgba(76, 141, 246, 0.55) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
543
557
|
},
|
|
544
558
|
{
|
|
545
559
|
"slug": "blue-light",
|
|
546
|
-
"markdown": "# Theming — Blue pack · light mode\n\n> `createPrismTheme({ pack: 'blue', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-blue-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'blue', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #
|
|
560
|
+
"markdown": "# Theming — Blue pack · light mode\n\n> `createPrismTheme({ pack: 'blue', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-blue-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'blue', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #EEF3FC |\n| `colorHairline` | rgba(30, 64, 158, 0.10) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #2563EB |\n| `colorSuccess` | #16A34A |\n| `colorSurface` | #FFFFFF |\n| `colorText` | #1A2A4A |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(37, 99, 235, 0.1) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `elevationNone` | none |\n| `focusRing` | rgba(37, 99, 235, 0.35) |\n| `hairlineFaint` | rgba(37, 99, 235, 0.06) |\n| `hairlineStrong` | rgba(30, 64, 158, 0.10) |\n| `inkPrimary` | #2563EB |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #FFFFFF |\n| `surfaceGround` | #EEF3FC |\n| `surfaceScrim` | rgba(15, 23, 42, 0.32) |\n| `textFaint` | rgba(26, 42, 74, 0.3) |\n| `textOnInk` | #FFFFFF |\n| `textPrimary` | #1A2A4A |\n| `textSecondary` | rgba(26, 42, 74, 0.68) |\n| `textTertiary` | rgba(26, 42, 74, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #FFFFFF |\n| `colorBgLayout` | #EEF3FC |\n| `colorBgMask` | rgba(15, 23, 42, 0.32) |\n| `colorBgTextActive` | rgba(37, 99, 235, 0.1) |\n| `colorBorder` | rgba(30, 64, 158, 0.10) |\n| `colorBorderSecondary` | rgba(37, 99, 235, 0.06) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #2563EB |\n| `colorPrimary` | #2563EB |\n| `colorPrimaryTextActive` | #2563EB |\n| `colorSplit` | rgba(37, 99, 235, 0.06) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #1A2A4A |\n| `colorTextPlaceholder` | rgba(26, 42, 74, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(37, 99, 235, 0.1) |\n| `controlItemBgActiveHover` | rgba(37, 99, 235, 0.1) |\n| `controlOutline` | rgba(37, 99, 235, 0.35) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
547
561
|
},
|
|
548
562
|
{
|
|
549
563
|
"slug": "green-dark",
|
|
550
|
-
"markdown": "# Theming — Green pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'green', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-green-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'green', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #
|
|
564
|
+
"markdown": "# Theming — Green pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'green', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-green-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'green', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #0C1812 |\n| `colorHairline` | rgba(134, 239, 172, 0.16) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #22C55E |\n| `colorSuccess` | #16A34A |\n| `colorText` | #E8EEF9 |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(34, 197, 94, 0.2) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `elevationNone` | none |\n| `focusRing` | rgba(34, 197, 94, 0.55) |\n| `hairlineFaint` | rgba(34, 197, 94, 0.1) |\n| `hairlineStrong` | rgba(134, 239, 172, 0.16) |\n| `inkPrimary` | #22C55E |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #0C1812 |\n| `surfaceGround` | #0C1812 |\n| `surfaceScrim` | rgba(4, 10, 20, 0.72) |\n| `textFaint` | rgba(232, 238, 249, 0.3) |\n| `textOnInk` | #0B1220 |\n| `textPrimary` | #E8EEF9 |\n| `textSecondary` | rgba(232, 238, 249, 0.68) |\n| `textTertiary` | rgba(232, 238, 249, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #0C1812 |\n| `colorBgMask` | rgba(4, 10, 20, 0.72) |\n| `colorBgTextActive` | rgba(34, 197, 94, 0.2) |\n| `colorBorder` | rgba(134, 239, 172, 0.16) |\n| `colorBorderSecondary` | rgba(34, 197, 94, 0.1) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #22C55E |\n| `colorPrimary` | #22C55E |\n| `colorPrimaryTextActive` | #22C55E |\n| `colorSplit` | rgba(34, 197, 94, 0.1) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #E8EEF9 |\n| `colorTextPlaceholder` | rgba(232, 238, 249, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(34, 197, 94, 0.2) |\n| `controlItemBgActiveHover` | rgba(34, 197, 94, 0.2) |\n| `controlOutline` | rgba(34, 197, 94, 0.55) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
551
565
|
},
|
|
552
566
|
{
|
|
553
567
|
"slug": "green-light",
|
|
554
|
-
"markdown": "# Theming — Green pack · light mode\n\n> `createPrismTheme({ pack: 'green', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-green-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'green', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #
|
|
568
|
+
"markdown": "# Theming — Green pack · light mode\n\n> `createPrismTheme({ pack: 'green', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-green-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'green', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #E9F6EF |\n| `colorHairline` | rgba(17, 90, 47, 0.10) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #117A3B |\n| `colorSuccess` | #16A34A |\n| `colorSurface` | #FFFFFF |\n| `colorText` | #162A1A |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(17, 122, 59, 0.1) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `elevationNone` | none |\n| `focusRing` | rgba(17, 122, 59, 0.35) |\n| `hairlineFaint` | rgba(17, 122, 59, 0.06) |\n| `hairlineStrong` | rgba(17, 90, 47, 0.10) |\n| `inkPrimary` | #117A3B |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #FFFFFF |\n| `surfaceGround` | #E9F6EF |\n| `surfaceScrim` | rgba(15, 23, 42, 0.32) |\n| `textFaint` | rgba(22, 42, 26, 0.3) |\n| `textOnInk` | #FFFFFF |\n| `textPrimary` | #162A1A |\n| `textSecondary` | rgba(22, 42, 26, 0.68) |\n| `textTertiary` | rgba(22, 42, 26, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #FFFFFF |\n| `colorBgLayout` | #E9F6EF |\n| `colorBgMask` | rgba(15, 23, 42, 0.32) |\n| `colorBgTextActive` | rgba(17, 122, 59, 0.1) |\n| `colorBorder` | rgba(17, 90, 47, 0.10) |\n| `colorBorderSecondary` | rgba(17, 122, 59, 0.06) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #117A3B |\n| `colorPrimary` | #117A3B |\n| `colorPrimaryTextActive` | #117A3B |\n| `colorSplit` | rgba(17, 122, 59, 0.06) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #162A1A |\n| `colorTextPlaceholder` | rgba(22, 42, 26, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(17, 122, 59, 0.1) |\n| `controlItemBgActiveHover` | rgba(17, 122, 59, 0.1) |\n| `controlOutline` | rgba(17, 122, 59, 0.35) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
569
|
+
},
|
|
570
|
+
{
|
|
571
|
+
"slug": "lavender-dark",
|
|
572
|
+
"markdown": "# Theming — Lavender pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'lavender', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-lavender-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'lavender', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #131022 |\n| `colorHairline` | rgba(157, 141, 244, 0.17) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #9D8DF4 |\n| `colorSuccess` | #16A34A |\n| `colorText` | #ECE9FA |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(157, 141, 244, 0.2) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `elevationNone` | none |\n| `focusRing` | rgba(157, 141, 244, 0.55) |\n| `hairlineFaint` | rgba(157, 141, 244, 0.1) |\n| `hairlineStrong` | rgba(157, 141, 244, 0.17) |\n| `inkPrimary` | #9D8DF4 |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #131022 |\n| `surfaceGround` | #131022 |\n| `surfaceScrim` | rgba(4, 10, 20, 0.72) |\n| `textFaint` | rgba(236, 233, 250, 0.3) |\n| `textOnInk` | #0B1220 |\n| `textPrimary` | #ECE9FA |\n| `textSecondary` | rgba(236, 233, 250, 0.68) |\n| `textTertiary` | rgba(236, 233, 250, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #131022 |\n| `colorBgMask` | rgba(4, 10, 20, 0.72) |\n| `colorBgTextActive` | rgba(157, 141, 244, 0.2) |\n| `colorBorder` | rgba(157, 141, 244, 0.17) |\n| `colorBorderSecondary` | rgba(157, 141, 244, 0.1) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #9D8DF4 |\n| `colorPrimary` | #9D8DF4 |\n| `colorPrimaryTextActive` | #9D8DF4 |\n| `colorSplit` | rgba(157, 141, 244, 0.1) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #ECE9FA |\n| `colorTextPlaceholder` | rgba(236, 233, 250, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(157, 141, 244, 0.2) |\n| `controlItemBgActiveHover` | rgba(157, 141, 244, 0.2) |\n| `controlOutline` | rgba(157, 141, 244, 0.55) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
573
|
+
},
|
|
574
|
+
{
|
|
575
|
+
"slug": "lavender-light",
|
|
576
|
+
"markdown": "# Theming — Lavender pack · light mode\n\n> `createPrismTheme({ pack: 'lavender', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-lavender-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'lavender', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #F2F1FB |\n| `colorHairline` | rgba(84, 70, 176, 0.10) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #6A58CE |\n| `colorSuccess` | #16A34A |\n| `colorSurface` | #FFFFFF |\n| `colorText` | #262044 |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(106, 88, 206, 0.1) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `elevationNone` | none |\n| `focusRing` | rgba(106, 88, 206, 0.35) |\n| `hairlineFaint` | rgba(106, 88, 206, 0.06) |\n| `hairlineStrong` | rgba(84, 70, 176, 0.10) |\n| `inkPrimary` | #6A58CE |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #FFFFFF |\n| `surfaceGround` | #F2F1FB |\n| `surfaceScrim` | rgba(15, 23, 42, 0.32) |\n| `textFaint` | rgba(38, 32, 68, 0.3) |\n| `textOnInk` | #FFFFFF |\n| `textPrimary` | #262044 |\n| `textSecondary` | rgba(38, 32, 68, 0.68) |\n| `textTertiary` | rgba(38, 32, 68, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #FFFFFF |\n| `colorBgLayout` | #F2F1FB |\n| `colorBgMask` | rgba(15, 23, 42, 0.32) |\n| `colorBgTextActive` | rgba(106, 88, 206, 0.1) |\n| `colorBorder` | rgba(84, 70, 176, 0.10) |\n| `colorBorderSecondary` | rgba(106, 88, 206, 0.06) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #6A58CE |\n| `colorPrimary` | #6A58CE |\n| `colorPrimaryTextActive` | #6A58CE |\n| `colorSplit` | rgba(106, 88, 206, 0.06) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #262044 |\n| `colorTextPlaceholder` | rgba(38, 32, 68, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(106, 88, 206, 0.1) |\n| `controlItemBgActiveHover` | rgba(106, 88, 206, 0.1) |\n| `controlOutline` | rgba(106, 88, 206, 0.35) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"slug": "peach-dark",
|
|
580
|
+
"markdown": "# Theming — Peach pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'peach', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-peach-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'peach', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #1D140D |\n| `colorHairline` | rgba(242, 160, 92, 0.17) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #F2A05C |\n| `colorSuccess` | #16A34A |\n| `colorText` | #FAF0E4 |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(242, 160, 92, 0.2) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `elevationNone` | none |\n| `focusRing` | rgba(242, 160, 92, 0.55) |\n| `hairlineFaint` | rgba(242, 160, 92, 0.1) |\n| `hairlineStrong` | rgba(242, 160, 92, 0.17) |\n| `inkPrimary` | #F2A05C |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #1D140D |\n| `surfaceGround` | #1D140D |\n| `surfaceScrim` | rgba(4, 10, 20, 0.72) |\n| `textFaint` | rgba(250, 240, 228, 0.3) |\n| `textOnInk` | #0B1220 |\n| `textPrimary` | #FAF0E4 |\n| `textSecondary` | rgba(250, 240, 228, 0.68) |\n| `textTertiary` | rgba(250, 240, 228, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #1D140D |\n| `colorBgMask` | rgba(4, 10, 20, 0.72) |\n| `colorBgTextActive` | rgba(242, 160, 92, 0.2) |\n| `colorBorder` | rgba(242, 160, 92, 0.17) |\n| `colorBorderSecondary` | rgba(242, 160, 92, 0.1) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #F2A05C |\n| `colorPrimary` | #F2A05C |\n| `colorPrimaryTextActive` | #F2A05C |\n| `colorSplit` | rgba(242, 160, 92, 0.1) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #FAF0E4 |\n| `colorTextPlaceholder` | rgba(250, 240, 228, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(242, 160, 92, 0.2) |\n| `controlItemBgActiveHover` | rgba(242, 160, 92, 0.2) |\n| `controlOutline` | rgba(242, 160, 92, 0.55) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
581
|
+
},
|
|
582
|
+
{
|
|
583
|
+
"slug": "peach-light",
|
|
584
|
+
"markdown": "# Theming — Peach pack · light mode\n\n> `createPrismTheme({ pack: 'peach', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-peach-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'peach', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #FBF3EA |\n| `colorHairline` | rgba(146, 62, 24, 0.10) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #B04A17 |\n| `colorSuccess` | #16A34A |\n| `colorSurface` | #FFFFFF |\n| `colorText` | #3A241A |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(176, 74, 23, 0.1) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `elevationNone` | none |\n| `focusRing` | rgba(176, 74, 23, 0.35) |\n| `hairlineFaint` | rgba(176, 74, 23, 0.06) |\n| `hairlineStrong` | rgba(146, 62, 24, 0.10) |\n| `inkPrimary` | #B04A17 |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #FFFFFF |\n| `surfaceGround` | #FBF3EA |\n| `surfaceScrim` | rgba(15, 23, 42, 0.32) |\n| `textFaint` | rgba(58, 36, 26, 0.3) |\n| `textOnInk` | #FFFFFF |\n| `textPrimary` | #3A241A |\n| `textSecondary` | rgba(58, 36, 26, 0.68) |\n| `textTertiary` | rgba(58, 36, 26, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #FFFFFF |\n| `colorBgLayout` | #FBF3EA |\n| `colorBgMask` | rgba(15, 23, 42, 0.32) |\n| `colorBgTextActive` | rgba(176, 74, 23, 0.1) |\n| `colorBorder` | rgba(146, 62, 24, 0.10) |\n| `colorBorderSecondary` | rgba(176, 74, 23, 0.06) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #B04A17 |\n| `colorPrimary` | #B04A17 |\n| `colorPrimaryTextActive` | #B04A17 |\n| `colorSplit` | rgba(176, 74, 23, 0.06) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #3A241A |\n| `colorTextPlaceholder` | rgba(58, 36, 26, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(176, 74, 23, 0.1) |\n| `controlItemBgActiveHover` | rgba(176, 74, 23, 0.1) |\n| `controlOutline` | rgba(176, 74, 23, 0.35) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
585
|
+
},
|
|
586
|
+
{
|
|
587
|
+
"slug": "rose-dark",
|
|
588
|
+
"markdown": "# Theming — Rose pack · beam-dark mode\n\n> `createPrismTheme({ pack: 'rose', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-rose-dark`. antd derives everything not listed through its dark algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'rose', mode: 'dark' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #1A111C |\n| `colorHairline` | rgba(240, 140, 180, 0.17) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #F08CB4 |\n| `colorSuccess` | #16A34A |\n| `colorText` | #F9EAF1 |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(240, 140, 180, 0.2) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `elevationNone` | none |\n| `focusRing` | rgba(240, 140, 180, 0.55) |\n| `hairlineFaint` | rgba(240, 140, 180, 0.1) |\n| `hairlineStrong` | rgba(240, 140, 180, 0.17) |\n| `inkPrimary` | #F08CB4 |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #1A111C |\n| `surfaceGround` | #1A111C |\n| `surfaceScrim` | rgba(4, 10, 20, 0.72) |\n| `textFaint` | rgba(249, 234, 241, 0.3) |\n| `textOnInk` | #0B1220 |\n| `textPrimary` | #F9EAF1 |\n| `textSecondary` | rgba(249, 234, 241, 0.68) |\n| `textTertiary` | rgba(249, 234, 241, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #1A111C |\n| `colorBgMask` | rgba(4, 10, 20, 0.72) |\n| `colorBgTextActive` | rgba(240, 140, 180, 0.2) |\n| `colorBorder` | rgba(240, 140, 180, 0.17) |\n| `colorBorderSecondary` | rgba(240, 140, 180, 0.1) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #F08CB4 |\n| `colorPrimary` | #F08CB4 |\n| `colorPrimaryTextActive` | #F08CB4 |\n| `colorSplit` | rgba(240, 140, 180, 0.1) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #F9EAF1 |\n| `colorTextPlaceholder` | rgba(249, 234, 241, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(240, 140, 180, 0.2) |\n| `controlItemBgActiveHover` | rgba(240, 140, 180, 0.2) |\n| `controlOutline` | rgba(240, 140, 180, 0.55) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"slug": "rose-light",
|
|
592
|
+
"markdown": "# Theming — Rose pack · light mode\n\n> `createPrismTheme({ pack: 'rose', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-rose-light`. antd derives everything not listed through its default algorithm.\n\n## Usage\n\n```ts\nimport { createPrismTheme } from '@nanisoft/prism-tokens';\nimport { PrismProvider } from '@nanisoft/prism-ui';\n\nconst theme = createPrismTheme({ pack: 'rose', mode: 'light' });\n\n// <PrismProvider prismTheme={theme}>…</PrismProvider>\n```\n\n## Tier 0 — primitives\n\n| Token | Value |\n| --- | --- |\n| `colorError` | #DC2626 |\n| `colorGround` | #FBF1F5 |\n| `colorHairline` | rgba(150, 48, 92, 0.10) |\n| `colorInfo` | #2563EB |\n| `colorInk` | #BC3A6C |\n| `colorSuccess` | #16A34A |\n| `colorSurface` | #FFFFFF |\n| `colorText` | #331B29 |\n| `colorWarning` | #D97706 |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `typeFamilyMono` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeFamilyUi` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeSizeUi` | 14 |\n| `typeWeightStrong` | 600 |\n\n## Tier 1 — semantics\n\n| Token | Value |\n| --- | --- |\n| `accentLive` | rgba(188, 58, 108, 0.1) |\n| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `elevationNone` | none |\n| `focusRing` | rgba(188, 58, 108, 0.35) |\n| `hairlineFaint` | rgba(188, 58, 108, 0.06) |\n| `hairlineStrong` | rgba(150, 48, 92, 0.10) |\n| `inkPrimary` | #BC3A6C |\n| `motionCurveOpacity` | linear |\n| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionDurationFast` | 80ms |\n| `motionDurationMid` | 160ms |\n| `motionDurationSlow` | 280ms |\n| `shapeRadiusBase` | 4 |\n| `shapeRadiusLg` | 6 |\n| `shapeRadiusOuter` | 4 |\n| `shapeRadiusSm` | 2 |\n| `spaceStep` | 4 |\n| `spaceUnit` | 4 |\n| `stateError` | #DC2626 |\n| `stateInfo` | #2563EB |\n| `stateSuccess` | #16A34A |\n| `stateWarning` | #D97706 |\n| `surfaceContainer` | #FFFFFF |\n| `surfaceGround` | #FBF1F5 |\n| `surfaceScrim` | rgba(15, 23, 42, 0.32) |\n| `textFaint` | rgba(51, 27, 41, 0.3) |\n| `textOnInk` | #FFFFFF |\n| `textPrimary` | #331B29 |\n| `textSecondary` | rgba(51, 27, 41, 0.68) |\n| `textTertiary` | rgba(51, 27, 41, 0.45) |\n| `typeFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `typeFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `typeSize` | 14 |\n| `typeWeight` | 600 |\n\n## antd token lane (seeds + the closed map-token allowlist)\n\n| Token | Value |\n| --- | --- |\n| `borderRadius` | 4 |\n| `borderRadiusLG` | 6 |\n| `borderRadiusSM` | 2 |\n| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |\n| `boxShadowSecondary` | none |\n| `boxShadowTertiary` | none |\n| `colorBgBase` | #FFFFFF |\n| `colorBgLayout` | #FBF1F5 |\n| `colorBgMask` | rgba(15, 23, 42, 0.32) |\n| `colorBgTextActive` | rgba(188, 58, 108, 0.1) |\n| `colorBorder` | rgba(150, 48, 92, 0.10) |\n| `colorBorderSecondary` | rgba(188, 58, 108, 0.06) |\n| `colorError` | #DC2626 |\n| `colorInfo` | #2563EB |\n| `colorLink` | #BC3A6C |\n| `colorPrimary` | #BC3A6C |\n| `colorPrimaryTextActive` | #BC3A6C |\n| `colorSplit` | rgba(188, 58, 108, 0.06) |\n| `colorSuccess` | #16A34A |\n| `colorTextBase` | #331B29 |\n| `colorTextPlaceholder` | rgba(51, 27, 41, 0.45) |\n| `colorWarning` | #D97706 |\n| `controlItemBgActive` | rgba(188, 58, 108, 0.1) |\n| `controlItemBgActiveHover` | rgba(188, 58, 108, 0.1) |\n| `controlOutline` | rgba(188, 58, 108, 0.35) |\n| `fontFamily` | \"Archivo Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif |\n| `fontFamilyCode` | \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |\n| `fontSize` | 14 |\n| `fontWeightStrong` | 600 |\n| `lineWidth` | 1 |\n| `motionBase` | 0 |\n| `motionDurationSlow` | 280ms |\n| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |\n| `motionUnit` | 0.08 |\n| `sizeStep` | 4 |\n| `sizeUnit` | 4 |\n\nComponent overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).\n"
|
|
555
593
|
}
|
|
556
594
|
]
|
|
557
595
|
}
|