@nanisoft/prism-llms 0.3.0 → 0.5.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/README.md +88 -0
- package/THIRD-PARTY-NOTICES.md +48 -0
- package/dist/data.json +3998 -375
- package/dist/demo-graph.d.ts +21 -12
- package/dist/demo-graph.js +37 -21
- package/dist/extractor.d.ts +24 -17
- package/dist/extractor.js +269 -153
- package/dist/index.d.ts +12 -7
- package/dist/index.js +9 -7
- package/dist/llms-full.txt +7988 -1989
- package/dist/llms.txt +97 -91
- package/dist/markdown.d.ts +69 -23
- package/dist/markdown.js +131 -72
- package/dist/md/blocks/app-shell-01.md +135 -0
- package/dist/md/blocks/auth-form-01.md +135 -0
- package/dist/md/blocks/cta-01.md +88 -0
- package/dist/md/blocks/data-table-01.md +196 -0
- package/dist/md/blocks/feature-grid-01.md +92 -0
- package/dist/md/blocks/hero-01.md +90 -0
- package/dist/md/blocks/instrument-panel-01.md +109 -0
- package/dist/md/blocks/logo-strip-01.md +97 -0
- package/dist/md/blocks/note-grid-01.md +102 -0
- package/dist/md/blocks/page-header-01.md +97 -0
- package/dist/md/blocks/pricing-01.md +91 -0
- package/dist/md/blocks/process-rail-01.md +106 -0
- package/dist/md/blocks/product-grid-01.md +113 -0
- package/dist/md/blocks/settings-panel-01.md +148 -0
- package/dist/md/blocks/site-footer.md +111 -0
- package/dist/md/blocks/site-header.md +119 -0
- package/dist/md/blocks/stack-grid-01.md +108 -0
- package/dist/md/blocks/stats-01.md +89 -0
- package/dist/md/blocks/status-ledger-01.md +121 -0
- package/dist/md/changelogs/prism-llms.md +206 -0
- package/dist/md/changelogs/prism-mcp-server.md +88 -0
- package/dist/md/changelogs/prism-tokens.md +126 -0
- package/dist/md/changelogs/prism-ui.md +429 -0
- package/dist/md/components/accordion.md +108 -0
- package/dist/md/components/alert.md +90 -7
- package/dist/md/components/avatar.md +89 -7
- package/dist/md/components/badge.md +74 -7
- package/dist/md/components/breadcrumb.md +84 -7
- package/dist/md/components/button.md +90 -7
- package/dist/md/components/card.md +90 -7
- package/dist/md/components/checkbox.md +101 -7
- package/dist/md/components/cta-link.md +98 -0
- package/dist/md/components/diagram.md +124 -0
- package/dist/md/components/dialog.md +128 -0
- package/dist/md/components/dropdown-menu.md +125 -0
- package/dist/md/components/fact-list.md +85 -0
- package/dist/md/components/field.md +116 -0
- package/dist/md/components/input.md +86 -7
- package/dist/md/components/kbd.md +77 -0
- package/dist/md/components/pagination.md +95 -7
- package/dist/md/components/popover.md +95 -7
- package/dist/md/components/product-mark.md +123 -0
- package/dist/md/components/product-switcher.md +88 -0
- package/dist/md/components/progress.md +88 -7
- package/dist/md/components/prose.md +91 -0
- package/dist/md/components/radio-group.md +111 -0
- package/dist/md/components/section.md +91 -0
- package/dist/md/components/select.md +143 -7
- package/dist/md/components/separator.md +77 -0
- package/dist/md/components/skeleton.md +71 -7
- package/dist/md/components/slider.md +90 -7
- package/dist/md/components/switch.md +104 -7
- package/dist/md/components/table.md +104 -7
- package/dist/md/components/tabs.md +105 -7
- package/dist/md/components/textarea.md +101 -0
- package/dist/md/components/tooltip.md +95 -7
- package/dist/md/components/typography.md +82 -7
- package/dist/md/content/about-content.md +36 -0
- package/dist/md/content/audience.md +43 -0
- package/dist/md/content/glossary.md +69 -0
- package/dist/md/content/product-vocabulary.md +53 -0
- package/dist/md/content/voice.md +52 -0
- package/dist/md/content/writing-mechanics.md +58 -0
- package/dist/md/foundation/colors.md +10 -0
- package/dist/md/foundation/iconography.md +14 -0
- package/dist/md/foundation/motion.md +10 -0
- package/dist/md/foundation/radii.md +9 -0
- package/dist/md/foundation/shadows.md +9 -0
- package/dist/md/foundation/spacings.md +8 -0
- package/dist/md/foundation/typography.md +9 -0
- package/dist/md/foundation/variables.md +9 -0
- package/dist/md/overview/architecture.md +76 -0
- package/dist/md/overview/brand.md +41 -0
- package/dist/md/overview/composition.md +77 -0
- package/dist/md/overview/quickstart.md +97 -0
- package/dist/md/overview/theming.md +89 -0
- package/dist/md/overview/using-llms.md +83 -0
- package/dist/md/pages/auth-page.md +149 -0
- package/dist/md/pages/blog-post-page.md +136 -0
- package/dist/md/pages/dashboard-page.md +241 -0
- package/dist/md/pages/marketing-page.md +199 -0
- package/dist/md/pages/not-found-page.md +105 -0
- package/dist/md/pages/settings-page.md +206 -0
- package/dist/prism-skill.md +50 -0
- package/dist/store.d.ts +203 -0
- package/dist/store.js +317 -0
- package/package.json +29 -26
- package/dist/demo-graph.d.ts.map +0 -1
- package/dist/demo-graph.js.map +0 -1
- package/dist/extractor.d.ts.map +0 -1
- package/dist/extractor.js.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/markdown.d.ts.map +0 -1
- package/dist/markdown.js.map +0 -1
- package/dist/md/blocks/component-demo.md +0 -19
- package/dist/md/blocks/page-header.md +0 -19
- package/dist/md/components/affix.md +0 -14
- package/dist/md/components/anchor.md +0 -14
- package/dist/md/components/auto-complete.md +0 -14
- package/dist/md/components/back-top.md +0 -14
- package/dist/md/components/border-beam.md +0 -14
- package/dist/md/components/calendar.md +0 -14
- package/dist/md/components/carousel.md +0 -14
- package/dist/md/components/cascader.md +0 -14
- package/dist/md/components/col.md +0 -14
- package/dist/md/components/collapse.md +0 -14
- package/dist/md/components/color-picker.md +0 -14
- package/dist/md/components/date-picker.md +0 -14
- package/dist/md/components/descriptions.md +0 -14
- package/dist/md/components/display-title.md +0 -20
- package/dist/md/components/divider.md +0 -14
- package/dist/md/components/drawer.md +0 -14
- package/dist/md/components/dropdown.md +0 -14
- package/dist/md/components/empty.md +0 -14
- package/dist/md/components/flex.md +0 -14
- package/dist/md/components/float-button.md +0 -14
- package/dist/md/components/form.md +0 -14
- package/dist/md/components/grid.md +0 -14
- package/dist/md/components/image.md +0 -14
- package/dist/md/components/input-number.md +0 -14
- package/dist/md/components/layout.md +0 -14
- package/dist/md/components/list.md +0 -14
- package/dist/md/components/listy.md +0 -14
- package/dist/md/components/masonry.md +0 -14
- package/dist/md/components/mentions.md +0 -14
- package/dist/md/components/menu.md +0 -14
- package/dist/md/components/modal.md +0 -14
- package/dist/md/components/popconfirm.md +0 -14
- package/dist/md/components/qrcode.md +0 -14
- package/dist/md/components/radio.md +0 -14
- package/dist/md/components/rate.md +0 -14
- package/dist/md/components/result.md +0 -14
- package/dist/md/components/row.md +0 -14
- package/dist/md/components/segmented.md +0 -14
- package/dist/md/components/space.md +0 -14
- package/dist/md/components/spin.md +0 -14
- package/dist/md/components/splitter.md +0 -14
- package/dist/md/components/statistic.md +0 -14
- package/dist/md/components/steps.md +0 -14
- package/dist/md/components/tag.md +0 -14
- package/dist/md/components/time-picker.md +0 -14
- package/dist/md/components/timeline.md +0 -14
- package/dist/md/components/tour.md +0 -14
- package/dist/md/components/transfer.md +0 -14
- package/dist/md/components/tree-select.md +0 -14
- package/dist/md/components/tree.md +0 -14
- package/dist/md/components/upload.md +0 -14
- package/dist/md/components/watermark.md +0 -14
- package/dist/md/docs/brand.md +0 -41
- package/dist/md/pages/blog-layout.md +0 -19
- package/dist/md/pages/docs-shell.md +0 -23
- package/dist/md/theme/blue-dark.md +0 -127
- package/dist/md/theme/blue-light.md +0 -129
- package/dist/md/theme/green-dark.md +0 -127
- package/dist/md/theme/green-light.md +0 -129
- package/dist/md/theme/lavender-dark.md +0 -127
- package/dist/md/theme/lavender-light.md +0 -129
- package/dist/md/theme/peach-dark.md +0 -127
- package/dist/md/theme/peach-light.md +0 -129
- package/dist/md/theme/rose-dark.md +0 -127
- package/dist/md/theme/rose-light.md +0 -129
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
# Theming — Lavender pack · beam-dark mode
|
|
2
|
-
|
|
3
|
-
> `createPrismTheme({ pack: 'lavender', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-lavender-dark`. antd derives everything not listed through its dark algorithm.
|
|
4
|
-
|
|
5
|
-
## Usage
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
9
|
-
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
10
|
-
|
|
11
|
-
const theme = createPrismTheme({ pack: 'lavender', mode: 'dark' });
|
|
12
|
-
|
|
13
|
-
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Tier 0 — primitives
|
|
17
|
-
|
|
18
|
-
| Token | Value |
|
|
19
|
-
| --- | --- |
|
|
20
|
-
| `colorError` | #DC2626 |
|
|
21
|
-
| `colorGround` | #131022 |
|
|
22
|
-
| `colorHairline` | rgba(157, 141, 244, 0.17) |
|
|
23
|
-
| `colorInfo` | #2563EB |
|
|
24
|
-
| `colorInk` | #9D8DF4 |
|
|
25
|
-
| `colorSuccess` | #16A34A |
|
|
26
|
-
| `colorText` | #ECE9FA |
|
|
27
|
-
| `colorWarning` | #D97706 |
|
|
28
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
29
|
-
| `motionCurveOpacity` | linear |
|
|
30
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
31
|
-
| `motionDurationFast` | 80ms |
|
|
32
|
-
| `motionDurationMid` | 160ms |
|
|
33
|
-
| `motionDurationSlow` | 280ms |
|
|
34
|
-
| `shapeRadiusBase` | 4 |
|
|
35
|
-
| `shapeRadiusLg` | 6 |
|
|
36
|
-
| `shapeRadiusOuter` | 4 |
|
|
37
|
-
| `shapeRadiusSm` | 2 |
|
|
38
|
-
| `spaceStep` | 4 |
|
|
39
|
-
| `spaceUnit` | 4 |
|
|
40
|
-
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
41
|
-
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
42
|
-
| `typeSizeUi` | 14 |
|
|
43
|
-
| `typeWeightStrong` | 600 |
|
|
44
|
-
|
|
45
|
-
## Tier 1 — semantics
|
|
46
|
-
|
|
47
|
-
| Token | Value |
|
|
48
|
-
| --- | --- |
|
|
49
|
-
| `accentLive` | rgba(157, 141, 244, 0.2) |
|
|
50
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
51
|
-
| `elevationNone` | none |
|
|
52
|
-
| `focusRing` | rgba(157, 141, 244, 0.55) |
|
|
53
|
-
| `hairlineFaint` | rgba(157, 141, 244, 0.1) |
|
|
54
|
-
| `hairlineStrong` | rgba(157, 141, 244, 0.17) |
|
|
55
|
-
| `inkPrimary` | #9D8DF4 |
|
|
56
|
-
| `motionCurveOpacity` | linear |
|
|
57
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
58
|
-
| `motionDurationFast` | 80ms |
|
|
59
|
-
| `motionDurationMid` | 160ms |
|
|
60
|
-
| `motionDurationSlow` | 280ms |
|
|
61
|
-
| `shapeRadiusBase` | 4 |
|
|
62
|
-
| `shapeRadiusLg` | 6 |
|
|
63
|
-
| `shapeRadiusOuter` | 4 |
|
|
64
|
-
| `shapeRadiusSm` | 2 |
|
|
65
|
-
| `spaceStep` | 4 |
|
|
66
|
-
| `spaceUnit` | 4 |
|
|
67
|
-
| `stateError` | #DC2626 |
|
|
68
|
-
| `stateInfo` | #2563EB |
|
|
69
|
-
| `stateSuccess` | #16A34A |
|
|
70
|
-
| `stateWarning` | #D97706 |
|
|
71
|
-
| `surfaceContainer` | #131022 |
|
|
72
|
-
| `surfaceGround` | #131022 |
|
|
73
|
-
| `surfaceScrim` | rgba(4, 10, 20, 0.72) |
|
|
74
|
-
| `textFaint` | rgba(236, 233, 250, 0.3) |
|
|
75
|
-
| `textOnInk` | #0B1220 |
|
|
76
|
-
| `textPrimary` | #ECE9FA |
|
|
77
|
-
| `textSecondary` | rgba(236, 233, 250, 0.68) |
|
|
78
|
-
| `textTertiary` | rgba(236, 233, 250, 0.45) |
|
|
79
|
-
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
80
|
-
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
81
|
-
| `typeSize` | 14 |
|
|
82
|
-
| `typeWeight` | 600 |
|
|
83
|
-
|
|
84
|
-
## antd token lane (seeds + the closed map-token allowlist)
|
|
85
|
-
|
|
86
|
-
| Token | Value |
|
|
87
|
-
| --- | --- |
|
|
88
|
-
| `borderRadius` | 4 |
|
|
89
|
-
| `borderRadiusLG` | 6 |
|
|
90
|
-
| `borderRadiusSM` | 2 |
|
|
91
|
-
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
92
|
-
| `boxShadowSecondary` | none |
|
|
93
|
-
| `boxShadowTertiary` | none |
|
|
94
|
-
| `colorBgBase` | #131022 |
|
|
95
|
-
| `colorBgMask` | rgba(4, 10, 20, 0.72) |
|
|
96
|
-
| `colorBgTextActive` | rgba(157, 141, 244, 0.2) |
|
|
97
|
-
| `colorBorder` | rgba(157, 141, 244, 0.17) |
|
|
98
|
-
| `colorBorderSecondary` | rgba(157, 141, 244, 0.1) |
|
|
99
|
-
| `colorError` | #DC2626 |
|
|
100
|
-
| `colorInfo` | #2563EB |
|
|
101
|
-
| `colorLink` | #9D8DF4 |
|
|
102
|
-
| `colorPrimary` | #9D8DF4 |
|
|
103
|
-
| `colorPrimaryTextActive` | #9D8DF4 |
|
|
104
|
-
| `colorSplit` | rgba(157, 141, 244, 0.1) |
|
|
105
|
-
| `colorSuccess` | #16A34A |
|
|
106
|
-
| `colorTextBase` | #ECE9FA |
|
|
107
|
-
| `colorTextPlaceholder` | rgba(236, 233, 250, 0.45) |
|
|
108
|
-
| `colorWarning` | #D97706 |
|
|
109
|
-
| `controlItemBgActive` | rgba(157, 141, 244, 0.2) |
|
|
110
|
-
| `controlItemBgActiveHover` | rgba(157, 141, 244, 0.2) |
|
|
111
|
-
| `controlOutline` | rgba(157, 141, 244, 0.55) |
|
|
112
|
-
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
113
|
-
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
114
|
-
| `fontSize` | 14 |
|
|
115
|
-
| `fontWeightStrong` | 600 |
|
|
116
|
-
| `lineWidth` | 1 |
|
|
117
|
-
| `motionBase` | 0 |
|
|
118
|
-
| `motionDurationSlow` | 280ms |
|
|
119
|
-
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
120
|
-
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
121
|
-
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
122
|
-
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
123
|
-
| `motionUnit` | 0.08 |
|
|
124
|
-
| `sizeStep` | 4 |
|
|
125
|
-
| `sizeUnit` | 4 |
|
|
126
|
-
|
|
127
|
-
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
# Theming — Lavender pack · light mode
|
|
2
|
-
|
|
3
|
-
> `createPrismTheme({ pack: 'lavender', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-lavender-light`. antd derives everything not listed through its default algorithm.
|
|
4
|
-
|
|
5
|
-
## Usage
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
9
|
-
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
10
|
-
|
|
11
|
-
const theme = createPrismTheme({ pack: 'lavender', mode: 'light' });
|
|
12
|
-
|
|
13
|
-
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Tier 0 — primitives
|
|
17
|
-
|
|
18
|
-
| Token | Value |
|
|
19
|
-
| --- | --- |
|
|
20
|
-
| `colorError` | #DC2626 |
|
|
21
|
-
| `colorGround` | #F2F1FB |
|
|
22
|
-
| `colorHairline` | rgba(84, 70, 176, 0.10) |
|
|
23
|
-
| `colorInfo` | #2563EB |
|
|
24
|
-
| `colorInk` | #6A58CE |
|
|
25
|
-
| `colorSuccess` | #16A34A |
|
|
26
|
-
| `colorSurface` | #FFFFFF |
|
|
27
|
-
| `colorText` | #262044 |
|
|
28
|
-
| `colorWarning` | #D97706 |
|
|
29
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
30
|
-
| `motionCurveOpacity` | linear |
|
|
31
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
32
|
-
| `motionDurationFast` | 80ms |
|
|
33
|
-
| `motionDurationMid` | 160ms |
|
|
34
|
-
| `motionDurationSlow` | 280ms |
|
|
35
|
-
| `shapeRadiusBase` | 4 |
|
|
36
|
-
| `shapeRadiusLg` | 6 |
|
|
37
|
-
| `shapeRadiusOuter` | 4 |
|
|
38
|
-
| `shapeRadiusSm` | 2 |
|
|
39
|
-
| `spaceStep` | 4 |
|
|
40
|
-
| `spaceUnit` | 4 |
|
|
41
|
-
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
42
|
-
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
43
|
-
| `typeSizeUi` | 14 |
|
|
44
|
-
| `typeWeightStrong` | 600 |
|
|
45
|
-
|
|
46
|
-
## Tier 1 — semantics
|
|
47
|
-
|
|
48
|
-
| Token | Value |
|
|
49
|
-
| --- | --- |
|
|
50
|
-
| `accentLive` | rgba(106, 88, 206, 0.1) |
|
|
51
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
52
|
-
| `elevationNone` | none |
|
|
53
|
-
| `focusRing` | rgba(106, 88, 206, 0.35) |
|
|
54
|
-
| `hairlineFaint` | rgba(106, 88, 206, 0.06) |
|
|
55
|
-
| `hairlineStrong` | rgba(84, 70, 176, 0.10) |
|
|
56
|
-
| `inkPrimary` | #6A58CE |
|
|
57
|
-
| `motionCurveOpacity` | linear |
|
|
58
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
59
|
-
| `motionDurationFast` | 80ms |
|
|
60
|
-
| `motionDurationMid` | 160ms |
|
|
61
|
-
| `motionDurationSlow` | 280ms |
|
|
62
|
-
| `shapeRadiusBase` | 4 |
|
|
63
|
-
| `shapeRadiusLg` | 6 |
|
|
64
|
-
| `shapeRadiusOuter` | 4 |
|
|
65
|
-
| `shapeRadiusSm` | 2 |
|
|
66
|
-
| `spaceStep` | 4 |
|
|
67
|
-
| `spaceUnit` | 4 |
|
|
68
|
-
| `stateError` | #DC2626 |
|
|
69
|
-
| `stateInfo` | #2563EB |
|
|
70
|
-
| `stateSuccess` | #16A34A |
|
|
71
|
-
| `stateWarning` | #D97706 |
|
|
72
|
-
| `surfaceContainer` | #FFFFFF |
|
|
73
|
-
| `surfaceGround` | #F2F1FB |
|
|
74
|
-
| `surfaceScrim` | rgba(15, 23, 42, 0.32) |
|
|
75
|
-
| `textFaint` | rgba(38, 32, 68, 0.3) |
|
|
76
|
-
| `textOnInk` | #FFFFFF |
|
|
77
|
-
| `textPrimary` | #262044 |
|
|
78
|
-
| `textSecondary` | rgba(38, 32, 68, 0.68) |
|
|
79
|
-
| `textTertiary` | rgba(38, 32, 68, 0.45) |
|
|
80
|
-
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
81
|
-
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
82
|
-
| `typeSize` | 14 |
|
|
83
|
-
| `typeWeight` | 600 |
|
|
84
|
-
|
|
85
|
-
## antd token lane (seeds + the closed map-token allowlist)
|
|
86
|
-
|
|
87
|
-
| Token | Value |
|
|
88
|
-
| --- | --- |
|
|
89
|
-
| `borderRadius` | 4 |
|
|
90
|
-
| `borderRadiusLG` | 6 |
|
|
91
|
-
| `borderRadiusSM` | 2 |
|
|
92
|
-
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
93
|
-
| `boxShadowSecondary` | none |
|
|
94
|
-
| `boxShadowTertiary` | none |
|
|
95
|
-
| `colorBgBase` | #FFFFFF |
|
|
96
|
-
| `colorBgLayout` | #F2F1FB |
|
|
97
|
-
| `colorBgMask` | rgba(15, 23, 42, 0.32) |
|
|
98
|
-
| `colorBgTextActive` | rgba(106, 88, 206, 0.1) |
|
|
99
|
-
| `colorBorder` | rgba(84, 70, 176, 0.10) |
|
|
100
|
-
| `colorBorderSecondary` | rgba(106, 88, 206, 0.06) |
|
|
101
|
-
| `colorError` | #DC2626 |
|
|
102
|
-
| `colorInfo` | #2563EB |
|
|
103
|
-
| `colorLink` | #6A58CE |
|
|
104
|
-
| `colorPrimary` | #6A58CE |
|
|
105
|
-
| `colorPrimaryTextActive` | #6A58CE |
|
|
106
|
-
| `colorSplit` | rgba(106, 88, 206, 0.06) |
|
|
107
|
-
| `colorSuccess` | #16A34A |
|
|
108
|
-
| `colorTextBase` | #262044 |
|
|
109
|
-
| `colorTextPlaceholder` | rgba(38, 32, 68, 0.45) |
|
|
110
|
-
| `colorWarning` | #D97706 |
|
|
111
|
-
| `controlItemBgActive` | rgba(106, 88, 206, 0.1) |
|
|
112
|
-
| `controlItemBgActiveHover` | rgba(106, 88, 206, 0.1) |
|
|
113
|
-
| `controlOutline` | rgba(106, 88, 206, 0.35) |
|
|
114
|
-
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
115
|
-
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
116
|
-
| `fontSize` | 14 |
|
|
117
|
-
| `fontWeightStrong` | 600 |
|
|
118
|
-
| `lineWidth` | 1 |
|
|
119
|
-
| `motionBase` | 0 |
|
|
120
|
-
| `motionDurationSlow` | 280ms |
|
|
121
|
-
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
122
|
-
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
123
|
-
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
124
|
-
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
125
|
-
| `motionUnit` | 0.08 |
|
|
126
|
-
| `sizeStep` | 4 |
|
|
127
|
-
| `sizeUnit` | 4 |
|
|
128
|
-
|
|
129
|
-
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
# Theming — Peach pack · beam-dark mode
|
|
2
|
-
|
|
3
|
-
> `createPrismTheme({ pack: 'peach', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-peach-dark`. antd derives everything not listed through its dark algorithm.
|
|
4
|
-
|
|
5
|
-
## Usage
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
9
|
-
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
10
|
-
|
|
11
|
-
const theme = createPrismTheme({ pack: 'peach', mode: 'dark' });
|
|
12
|
-
|
|
13
|
-
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Tier 0 — primitives
|
|
17
|
-
|
|
18
|
-
| Token | Value |
|
|
19
|
-
| --- | --- |
|
|
20
|
-
| `colorError` | #DC2626 |
|
|
21
|
-
| `colorGround` | #1D140D |
|
|
22
|
-
| `colorHairline` | rgba(242, 160, 92, 0.17) |
|
|
23
|
-
| `colorInfo` | #2563EB |
|
|
24
|
-
| `colorInk` | #F2A05C |
|
|
25
|
-
| `colorSuccess` | #16A34A |
|
|
26
|
-
| `colorText` | #FAF0E4 |
|
|
27
|
-
| `colorWarning` | #D97706 |
|
|
28
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
29
|
-
| `motionCurveOpacity` | linear |
|
|
30
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
31
|
-
| `motionDurationFast` | 80ms |
|
|
32
|
-
| `motionDurationMid` | 160ms |
|
|
33
|
-
| `motionDurationSlow` | 280ms |
|
|
34
|
-
| `shapeRadiusBase` | 4 |
|
|
35
|
-
| `shapeRadiusLg` | 6 |
|
|
36
|
-
| `shapeRadiusOuter` | 4 |
|
|
37
|
-
| `shapeRadiusSm` | 2 |
|
|
38
|
-
| `spaceStep` | 4 |
|
|
39
|
-
| `spaceUnit` | 4 |
|
|
40
|
-
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
41
|
-
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
42
|
-
| `typeSizeUi` | 14 |
|
|
43
|
-
| `typeWeightStrong` | 600 |
|
|
44
|
-
|
|
45
|
-
## Tier 1 — semantics
|
|
46
|
-
|
|
47
|
-
| Token | Value |
|
|
48
|
-
| --- | --- |
|
|
49
|
-
| `accentLive` | rgba(242, 160, 92, 0.2) |
|
|
50
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
51
|
-
| `elevationNone` | none |
|
|
52
|
-
| `focusRing` | rgba(242, 160, 92, 0.55) |
|
|
53
|
-
| `hairlineFaint` | rgba(242, 160, 92, 0.1) |
|
|
54
|
-
| `hairlineStrong` | rgba(242, 160, 92, 0.17) |
|
|
55
|
-
| `inkPrimary` | #F2A05C |
|
|
56
|
-
| `motionCurveOpacity` | linear |
|
|
57
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
58
|
-
| `motionDurationFast` | 80ms |
|
|
59
|
-
| `motionDurationMid` | 160ms |
|
|
60
|
-
| `motionDurationSlow` | 280ms |
|
|
61
|
-
| `shapeRadiusBase` | 4 |
|
|
62
|
-
| `shapeRadiusLg` | 6 |
|
|
63
|
-
| `shapeRadiusOuter` | 4 |
|
|
64
|
-
| `shapeRadiusSm` | 2 |
|
|
65
|
-
| `spaceStep` | 4 |
|
|
66
|
-
| `spaceUnit` | 4 |
|
|
67
|
-
| `stateError` | #DC2626 |
|
|
68
|
-
| `stateInfo` | #2563EB |
|
|
69
|
-
| `stateSuccess` | #16A34A |
|
|
70
|
-
| `stateWarning` | #D97706 |
|
|
71
|
-
| `surfaceContainer` | #1D140D |
|
|
72
|
-
| `surfaceGround` | #1D140D |
|
|
73
|
-
| `surfaceScrim` | rgba(4, 10, 20, 0.72) |
|
|
74
|
-
| `textFaint` | rgba(250, 240, 228, 0.3) |
|
|
75
|
-
| `textOnInk` | #0B1220 |
|
|
76
|
-
| `textPrimary` | #FAF0E4 |
|
|
77
|
-
| `textSecondary` | rgba(250, 240, 228, 0.68) |
|
|
78
|
-
| `textTertiary` | rgba(250, 240, 228, 0.45) |
|
|
79
|
-
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
80
|
-
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
81
|
-
| `typeSize` | 14 |
|
|
82
|
-
| `typeWeight` | 600 |
|
|
83
|
-
|
|
84
|
-
## antd token lane (seeds + the closed map-token allowlist)
|
|
85
|
-
|
|
86
|
-
| Token | Value |
|
|
87
|
-
| --- | --- |
|
|
88
|
-
| `borderRadius` | 4 |
|
|
89
|
-
| `borderRadiusLG` | 6 |
|
|
90
|
-
| `borderRadiusSM` | 2 |
|
|
91
|
-
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
92
|
-
| `boxShadowSecondary` | none |
|
|
93
|
-
| `boxShadowTertiary` | none |
|
|
94
|
-
| `colorBgBase` | #1D140D |
|
|
95
|
-
| `colorBgMask` | rgba(4, 10, 20, 0.72) |
|
|
96
|
-
| `colorBgTextActive` | rgba(242, 160, 92, 0.2) |
|
|
97
|
-
| `colorBorder` | rgba(242, 160, 92, 0.17) |
|
|
98
|
-
| `colorBorderSecondary` | rgba(242, 160, 92, 0.1) |
|
|
99
|
-
| `colorError` | #DC2626 |
|
|
100
|
-
| `colorInfo` | #2563EB |
|
|
101
|
-
| `colorLink` | #F2A05C |
|
|
102
|
-
| `colorPrimary` | #F2A05C |
|
|
103
|
-
| `colorPrimaryTextActive` | #F2A05C |
|
|
104
|
-
| `colorSplit` | rgba(242, 160, 92, 0.1) |
|
|
105
|
-
| `colorSuccess` | #16A34A |
|
|
106
|
-
| `colorTextBase` | #FAF0E4 |
|
|
107
|
-
| `colorTextPlaceholder` | rgba(250, 240, 228, 0.45) |
|
|
108
|
-
| `colorWarning` | #D97706 |
|
|
109
|
-
| `controlItemBgActive` | rgba(242, 160, 92, 0.2) |
|
|
110
|
-
| `controlItemBgActiveHover` | rgba(242, 160, 92, 0.2) |
|
|
111
|
-
| `controlOutline` | rgba(242, 160, 92, 0.55) |
|
|
112
|
-
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
113
|
-
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
114
|
-
| `fontSize` | 14 |
|
|
115
|
-
| `fontWeightStrong` | 600 |
|
|
116
|
-
| `lineWidth` | 1 |
|
|
117
|
-
| `motionBase` | 0 |
|
|
118
|
-
| `motionDurationSlow` | 280ms |
|
|
119
|
-
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
120
|
-
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
121
|
-
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
122
|
-
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
123
|
-
| `motionUnit` | 0.08 |
|
|
124
|
-
| `sizeStep` | 4 |
|
|
125
|
-
| `sizeUnit` | 4 |
|
|
126
|
-
|
|
127
|
-
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
# Theming — Peach pack · light mode
|
|
2
|
-
|
|
3
|
-
> `createPrismTheme({ pack: 'peach', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-peach-light`. antd derives everything not listed through its default algorithm.
|
|
4
|
-
|
|
5
|
-
## Usage
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
9
|
-
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
10
|
-
|
|
11
|
-
const theme = createPrismTheme({ pack: 'peach', mode: 'light' });
|
|
12
|
-
|
|
13
|
-
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Tier 0 — primitives
|
|
17
|
-
|
|
18
|
-
| Token | Value |
|
|
19
|
-
| --- | --- |
|
|
20
|
-
| `colorError` | #DC2626 |
|
|
21
|
-
| `colorGround` | #FBF3EA |
|
|
22
|
-
| `colorHairline` | rgba(146, 62, 24, 0.10) |
|
|
23
|
-
| `colorInfo` | #2563EB |
|
|
24
|
-
| `colorInk` | #B04A17 |
|
|
25
|
-
| `colorSuccess` | #16A34A |
|
|
26
|
-
| `colorSurface` | #FFFFFF |
|
|
27
|
-
| `colorText` | #3A241A |
|
|
28
|
-
| `colorWarning` | #D97706 |
|
|
29
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
30
|
-
| `motionCurveOpacity` | linear |
|
|
31
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
32
|
-
| `motionDurationFast` | 80ms |
|
|
33
|
-
| `motionDurationMid` | 160ms |
|
|
34
|
-
| `motionDurationSlow` | 280ms |
|
|
35
|
-
| `shapeRadiusBase` | 4 |
|
|
36
|
-
| `shapeRadiusLg` | 6 |
|
|
37
|
-
| `shapeRadiusOuter` | 4 |
|
|
38
|
-
| `shapeRadiusSm` | 2 |
|
|
39
|
-
| `spaceStep` | 4 |
|
|
40
|
-
| `spaceUnit` | 4 |
|
|
41
|
-
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
42
|
-
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
43
|
-
| `typeSizeUi` | 14 |
|
|
44
|
-
| `typeWeightStrong` | 600 |
|
|
45
|
-
|
|
46
|
-
## Tier 1 — semantics
|
|
47
|
-
|
|
48
|
-
| Token | Value |
|
|
49
|
-
| --- | --- |
|
|
50
|
-
| `accentLive` | rgba(176, 74, 23, 0.1) |
|
|
51
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
52
|
-
| `elevationNone` | none |
|
|
53
|
-
| `focusRing` | rgba(176, 74, 23, 0.35) |
|
|
54
|
-
| `hairlineFaint` | rgba(176, 74, 23, 0.06) |
|
|
55
|
-
| `hairlineStrong` | rgba(146, 62, 24, 0.10) |
|
|
56
|
-
| `inkPrimary` | #B04A17 |
|
|
57
|
-
| `motionCurveOpacity` | linear |
|
|
58
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
59
|
-
| `motionDurationFast` | 80ms |
|
|
60
|
-
| `motionDurationMid` | 160ms |
|
|
61
|
-
| `motionDurationSlow` | 280ms |
|
|
62
|
-
| `shapeRadiusBase` | 4 |
|
|
63
|
-
| `shapeRadiusLg` | 6 |
|
|
64
|
-
| `shapeRadiusOuter` | 4 |
|
|
65
|
-
| `shapeRadiusSm` | 2 |
|
|
66
|
-
| `spaceStep` | 4 |
|
|
67
|
-
| `spaceUnit` | 4 |
|
|
68
|
-
| `stateError` | #DC2626 |
|
|
69
|
-
| `stateInfo` | #2563EB |
|
|
70
|
-
| `stateSuccess` | #16A34A |
|
|
71
|
-
| `stateWarning` | #D97706 |
|
|
72
|
-
| `surfaceContainer` | #FFFFFF |
|
|
73
|
-
| `surfaceGround` | #FBF3EA |
|
|
74
|
-
| `surfaceScrim` | rgba(15, 23, 42, 0.32) |
|
|
75
|
-
| `textFaint` | rgba(58, 36, 26, 0.3) |
|
|
76
|
-
| `textOnInk` | #FFFFFF |
|
|
77
|
-
| `textPrimary` | #3A241A |
|
|
78
|
-
| `textSecondary` | rgba(58, 36, 26, 0.68) |
|
|
79
|
-
| `textTertiary` | rgba(58, 36, 26, 0.45) |
|
|
80
|
-
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
81
|
-
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
82
|
-
| `typeSize` | 14 |
|
|
83
|
-
| `typeWeight` | 600 |
|
|
84
|
-
|
|
85
|
-
## antd token lane (seeds + the closed map-token allowlist)
|
|
86
|
-
|
|
87
|
-
| Token | Value |
|
|
88
|
-
| --- | --- |
|
|
89
|
-
| `borderRadius` | 4 |
|
|
90
|
-
| `borderRadiusLG` | 6 |
|
|
91
|
-
| `borderRadiusSM` | 2 |
|
|
92
|
-
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
93
|
-
| `boxShadowSecondary` | none |
|
|
94
|
-
| `boxShadowTertiary` | none |
|
|
95
|
-
| `colorBgBase` | #FFFFFF |
|
|
96
|
-
| `colorBgLayout` | #FBF3EA |
|
|
97
|
-
| `colorBgMask` | rgba(15, 23, 42, 0.32) |
|
|
98
|
-
| `colorBgTextActive` | rgba(176, 74, 23, 0.1) |
|
|
99
|
-
| `colorBorder` | rgba(146, 62, 24, 0.10) |
|
|
100
|
-
| `colorBorderSecondary` | rgba(176, 74, 23, 0.06) |
|
|
101
|
-
| `colorError` | #DC2626 |
|
|
102
|
-
| `colorInfo` | #2563EB |
|
|
103
|
-
| `colorLink` | #B04A17 |
|
|
104
|
-
| `colorPrimary` | #B04A17 |
|
|
105
|
-
| `colorPrimaryTextActive` | #B04A17 |
|
|
106
|
-
| `colorSplit` | rgba(176, 74, 23, 0.06) |
|
|
107
|
-
| `colorSuccess` | #16A34A |
|
|
108
|
-
| `colorTextBase` | #3A241A |
|
|
109
|
-
| `colorTextPlaceholder` | rgba(58, 36, 26, 0.45) |
|
|
110
|
-
| `colorWarning` | #D97706 |
|
|
111
|
-
| `controlItemBgActive` | rgba(176, 74, 23, 0.1) |
|
|
112
|
-
| `controlItemBgActiveHover` | rgba(176, 74, 23, 0.1) |
|
|
113
|
-
| `controlOutline` | rgba(176, 74, 23, 0.35) |
|
|
114
|
-
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
115
|
-
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
116
|
-
| `fontSize` | 14 |
|
|
117
|
-
| `fontWeightStrong` | 600 |
|
|
118
|
-
| `lineWidth` | 1 |
|
|
119
|
-
| `motionBase` | 0 |
|
|
120
|
-
| `motionDurationSlow` | 280ms |
|
|
121
|
-
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
122
|
-
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
123
|
-
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
124
|
-
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
125
|
-
| `motionUnit` | 0.08 |
|
|
126
|
-
| `sizeStep` | 4 |
|
|
127
|
-
| `sizeUnit` | 4 |
|
|
128
|
-
|
|
129
|
-
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
# Theming — Rose pack · beam-dark mode
|
|
2
|
-
|
|
3
|
-
> `createPrismTheme({ pack: 'rose', mode: 'dark' })` returns one frozen `PrismTheme`; cssVar key `prism-rose-dark`. antd derives everything not listed through its dark algorithm.
|
|
4
|
-
|
|
5
|
-
## Usage
|
|
6
|
-
|
|
7
|
-
```ts
|
|
8
|
-
import { createPrismTheme } from '@nanisoft/prism-tokens';
|
|
9
|
-
import { PrismProvider } from '@nanisoft/prism-ui';
|
|
10
|
-
|
|
11
|
-
const theme = createPrismTheme({ pack: 'rose', mode: 'dark' });
|
|
12
|
-
|
|
13
|
-
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
14
|
-
```
|
|
15
|
-
|
|
16
|
-
## Tier 0 — primitives
|
|
17
|
-
|
|
18
|
-
| Token | Value |
|
|
19
|
-
| --- | --- |
|
|
20
|
-
| `colorError` | #DC2626 |
|
|
21
|
-
| `colorGround` | #1A111C |
|
|
22
|
-
| `colorHairline` | rgba(240, 140, 180, 0.17) |
|
|
23
|
-
| `colorInfo` | #2563EB |
|
|
24
|
-
| `colorInk` | #F08CB4 |
|
|
25
|
-
| `colorSuccess` | #16A34A |
|
|
26
|
-
| `colorText` | #F9EAF1 |
|
|
27
|
-
| `colorWarning` | #D97706 |
|
|
28
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
29
|
-
| `motionCurveOpacity` | linear |
|
|
30
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
31
|
-
| `motionDurationFast` | 80ms |
|
|
32
|
-
| `motionDurationMid` | 160ms |
|
|
33
|
-
| `motionDurationSlow` | 280ms |
|
|
34
|
-
| `shapeRadiusBase` | 4 |
|
|
35
|
-
| `shapeRadiusLg` | 6 |
|
|
36
|
-
| `shapeRadiusOuter` | 4 |
|
|
37
|
-
| `shapeRadiusSm` | 2 |
|
|
38
|
-
| `spaceStep` | 4 |
|
|
39
|
-
| `spaceUnit` | 4 |
|
|
40
|
-
| `typeFamilyMono` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
41
|
-
| `typeFamilyUi` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
42
|
-
| `typeSizeUi` | 14 |
|
|
43
|
-
| `typeWeightStrong` | 600 |
|
|
44
|
-
|
|
45
|
-
## Tier 1 — semantics
|
|
46
|
-
|
|
47
|
-
| Token | Value |
|
|
48
|
-
| --- | --- |
|
|
49
|
-
| `accentLive` | rgba(240, 140, 180, 0.2) |
|
|
50
|
-
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
51
|
-
| `elevationNone` | none |
|
|
52
|
-
| `focusRing` | rgba(240, 140, 180, 0.55) |
|
|
53
|
-
| `hairlineFaint` | rgba(240, 140, 180, 0.1) |
|
|
54
|
-
| `hairlineStrong` | rgba(240, 140, 180, 0.17) |
|
|
55
|
-
| `inkPrimary` | #F08CB4 |
|
|
56
|
-
| `motionCurveOpacity` | linear |
|
|
57
|
-
| `motionCurveStandard` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
58
|
-
| `motionDurationFast` | 80ms |
|
|
59
|
-
| `motionDurationMid` | 160ms |
|
|
60
|
-
| `motionDurationSlow` | 280ms |
|
|
61
|
-
| `shapeRadiusBase` | 4 |
|
|
62
|
-
| `shapeRadiusLg` | 6 |
|
|
63
|
-
| `shapeRadiusOuter` | 4 |
|
|
64
|
-
| `shapeRadiusSm` | 2 |
|
|
65
|
-
| `spaceStep` | 4 |
|
|
66
|
-
| `spaceUnit` | 4 |
|
|
67
|
-
| `stateError` | #DC2626 |
|
|
68
|
-
| `stateInfo` | #2563EB |
|
|
69
|
-
| `stateSuccess` | #16A34A |
|
|
70
|
-
| `stateWarning` | #D97706 |
|
|
71
|
-
| `surfaceContainer` | #1A111C |
|
|
72
|
-
| `surfaceGround` | #1A111C |
|
|
73
|
-
| `surfaceScrim` | rgba(4, 10, 20, 0.72) |
|
|
74
|
-
| `textFaint` | rgba(249, 234, 241, 0.3) |
|
|
75
|
-
| `textOnInk` | #0B1220 |
|
|
76
|
-
| `textPrimary` | #F9EAF1 |
|
|
77
|
-
| `textSecondary` | rgba(249, 234, 241, 0.68) |
|
|
78
|
-
| `textTertiary` | rgba(249, 234, 241, 0.45) |
|
|
79
|
-
| `typeFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
80
|
-
| `typeFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
81
|
-
| `typeSize` | 14 |
|
|
82
|
-
| `typeWeight` | 600 |
|
|
83
|
-
|
|
84
|
-
## antd token lane (seeds + the closed map-token allowlist)
|
|
85
|
-
|
|
86
|
-
| Token | Value |
|
|
87
|
-
| --- | --- |
|
|
88
|
-
| `borderRadius` | 4 |
|
|
89
|
-
| `borderRadiusLG` | 6 |
|
|
90
|
-
| `borderRadiusSM` | 2 |
|
|
91
|
-
| `boxShadow` | 0 4px 16px 0 rgba(11, 18, 32, 0.24) |
|
|
92
|
-
| `boxShadowSecondary` | none |
|
|
93
|
-
| `boxShadowTertiary` | none |
|
|
94
|
-
| `colorBgBase` | #1A111C |
|
|
95
|
-
| `colorBgMask` | rgba(4, 10, 20, 0.72) |
|
|
96
|
-
| `colorBgTextActive` | rgba(240, 140, 180, 0.2) |
|
|
97
|
-
| `colorBorder` | rgba(240, 140, 180, 0.17) |
|
|
98
|
-
| `colorBorderSecondary` | rgba(240, 140, 180, 0.1) |
|
|
99
|
-
| `colorError` | #DC2626 |
|
|
100
|
-
| `colorInfo` | #2563EB |
|
|
101
|
-
| `colorLink` | #F08CB4 |
|
|
102
|
-
| `colorPrimary` | #F08CB4 |
|
|
103
|
-
| `colorPrimaryTextActive` | #F08CB4 |
|
|
104
|
-
| `colorSplit` | rgba(240, 140, 180, 0.1) |
|
|
105
|
-
| `colorSuccess` | #16A34A |
|
|
106
|
-
| `colorTextBase` | #F9EAF1 |
|
|
107
|
-
| `colorTextPlaceholder` | rgba(249, 234, 241, 0.45) |
|
|
108
|
-
| `colorWarning` | #D97706 |
|
|
109
|
-
| `controlItemBgActive` | rgba(240, 140, 180, 0.2) |
|
|
110
|
-
| `controlItemBgActiveHover` | rgba(240, 140, 180, 0.2) |
|
|
111
|
-
| `controlOutline` | rgba(240, 140, 180, 0.55) |
|
|
112
|
-
| `fontFamily` | "Archivo Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif |
|
|
113
|
-
| `fontFamilyCode` | "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace |
|
|
114
|
-
| `fontSize` | 14 |
|
|
115
|
-
| `fontWeightStrong` | 600 |
|
|
116
|
-
| `lineWidth` | 1 |
|
|
117
|
-
| `motionBase` | 0 |
|
|
118
|
-
| `motionDurationSlow` | 280ms |
|
|
119
|
-
| `motionEaseInOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
120
|
-
| `motionEaseOut` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
121
|
-
| `motionEaseOutCirc` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
122
|
-
| `motionEaseOutQuint` | cubic-bezier(0.25, 1, 0.5, 1) |
|
|
123
|
-
| `motionUnit` | 0.08 |
|
|
124
|
-
| `sizeStep` | 4 |
|
|
125
|
-
| `sizeUnit` | 4 |
|
|
126
|
-
|
|
127
|
-
Component overrides are shadow-zeroing only (Button/Input shadows → `none`, always with `algorithm: true`).
|