@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
|
@@ -0,0 +1,127 @@
|
|
|
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`).
|
|
@@ -0,0 +1,129 @@
|
|
|
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`).
|
|
@@ -0,0 +1,127 @@
|
|
|
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`).
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
# Theming — Rose pack · light mode
|
|
2
|
+
|
|
3
|
+
> `createPrismTheme({ pack: 'rose', mode: 'light' })` returns one frozen `PrismTheme`; cssVar key `prism-rose-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: 'rose', mode: 'light' });
|
|
12
|
+
|
|
13
|
+
// <PrismProvider prismTheme={theme}>…</PrismProvider>
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Tier 0 — primitives
|
|
17
|
+
|
|
18
|
+
| Token | Value |
|
|
19
|
+
| --- | --- |
|
|
20
|
+
| `colorError` | #DC2626 |
|
|
21
|
+
| `colorGround` | #FBF1F5 |
|
|
22
|
+
| `colorHairline` | rgba(150, 48, 92, 0.10) |
|
|
23
|
+
| `colorInfo` | #2563EB |
|
|
24
|
+
| `colorInk` | #BC3A6C |
|
|
25
|
+
| `colorSuccess` | #16A34A |
|
|
26
|
+
| `colorSurface` | #FFFFFF |
|
|
27
|
+
| `colorText` | #331B29 |
|
|
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(188, 58, 108, 0.1) |
|
|
51
|
+
| `elevationFloating` | 0 4px 16px 0 rgba(11, 18, 32, 0.16) |
|
|
52
|
+
| `elevationNone` | none |
|
|
53
|
+
| `focusRing` | rgba(188, 58, 108, 0.35) |
|
|
54
|
+
| `hairlineFaint` | rgba(188, 58, 108, 0.06) |
|
|
55
|
+
| `hairlineStrong` | rgba(150, 48, 92, 0.10) |
|
|
56
|
+
| `inkPrimary` | #BC3A6C |
|
|
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` | #FBF1F5 |
|
|
74
|
+
| `surfaceScrim` | rgba(15, 23, 42, 0.32) |
|
|
75
|
+
| `textFaint` | rgba(51, 27, 41, 0.3) |
|
|
76
|
+
| `textOnInk` | #FFFFFF |
|
|
77
|
+
| `textPrimary` | #331B29 |
|
|
78
|
+
| `textSecondary` | rgba(51, 27, 41, 0.68) |
|
|
79
|
+
| `textTertiary` | rgba(51, 27, 41, 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` | #FBF1F5 |
|
|
97
|
+
| `colorBgMask` | rgba(15, 23, 42, 0.32) |
|
|
98
|
+
| `colorBgTextActive` | rgba(188, 58, 108, 0.1) |
|
|
99
|
+
| `colorBorder` | rgba(150, 48, 92, 0.10) |
|
|
100
|
+
| `colorBorderSecondary` | rgba(188, 58, 108, 0.06) |
|
|
101
|
+
| `colorError` | #DC2626 |
|
|
102
|
+
| `colorInfo` | #2563EB |
|
|
103
|
+
| `colorLink` | #BC3A6C |
|
|
104
|
+
| `colorPrimary` | #BC3A6C |
|
|
105
|
+
| `colorPrimaryTextActive` | #BC3A6C |
|
|
106
|
+
| `colorSplit` | rgba(188, 58, 108, 0.06) |
|
|
107
|
+
| `colorSuccess` | #16A34A |
|
|
108
|
+
| `colorTextBase` | #331B29 |
|
|
109
|
+
| `colorTextPlaceholder` | rgba(51, 27, 41, 0.45) |
|
|
110
|
+
| `colorWarning` | #D97706 |
|
|
111
|
+
| `controlItemBgActive` | rgba(188, 58, 108, 0.1) |
|
|
112
|
+
| `controlItemBgActiveHover` | rgba(188, 58, 108, 0.1) |
|
|
113
|
+
| `controlOutline` | rgba(188, 58, 108, 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`).
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nanisoft/prism-llms",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "Prism's LLM surface — generated llms.txt, per-item Markdown, and the PrismDocsStore projection. Data-only; one dist/ serves npm, the site, and the MCP server.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"publint": "^0.3.24",
|
|
28
28
|
"typescript": "^7.0.2",
|
|
29
29
|
"vitest": "^5.0.0",
|
|
30
|
-
"@nanisoft/prism-mcp-server": "0.
|
|
31
|
-
"@nanisoft/prism-
|
|
32
|
-
"@nanisoft/prism-
|
|
30
|
+
"@nanisoft/prism-mcp-server": "0.3.0",
|
|
31
|
+
"@nanisoft/prism-tokens": "0.3.0",
|
|
32
|
+
"@nanisoft/prism-ui": "0.4.0"
|
|
33
33
|
},
|
|
34
34
|
"author": "NaniSoft",
|
|
35
35
|
"homepage": "https://prism.nanisoft.com",
|