@next-library/theme 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/server.js +1 -1
  4. package/dist/server.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/style.css +55 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@next-library/theme",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -94,7 +94,7 @@
94
94
  "rehype-highlight": "^7.0.2",
95
95
  "rehype-autolink-headings": "^7.1.0",
96
96
  "react-github-btn": "^1.4.0",
97
- "@next-library/core": "1.0.38"
97
+ "@next-library/core": "1.0.40"
98
98
  },
99
99
  "devDependencies": {
100
100
  "@testing-library/jest-dom": "^6.1.0",
package/src/style.css CHANGED
@@ -18,11 +18,63 @@
18
18
  @source "../dist/**/*.{js,jsx}";
19
19
 
20
20
 
21
+ /* ── Typography: calmer reading scale ──
22
+ Tailwind Typography ships heavy defaults (h1 800, h2 700, bold 600, links 500) and
23
+ pure-white headings/bold/links in dark mode, which read as shouting on a true-black
24
+ background. Pull everything onto the design tokens and a lighter weight ladder so
25
+ body copy, emphasis and headings sit on one surface. These rules are unlayered on
26
+ purpose: they must win over the plugin's utility-layer `.prose` rules. */
27
+ .prose {
28
+ --tw-prose-body: color-mix(in oklab, var(--foreground) 86%, var(--background));
29
+ --tw-prose-headings: var(--foreground);
30
+ --tw-prose-lead: var(--muted-foreground);
31
+ --tw-prose-links: var(--foreground);
32
+ --tw-prose-bold: var(--foreground);
33
+ --tw-prose-counters: var(--muted-foreground);
34
+ --tw-prose-bullets: var(--muted-foreground);
35
+ --tw-prose-hr: var(--border);
36
+ --tw-prose-quotes: var(--muted-foreground);
37
+ --tw-prose-quote-borders: var(--border);
38
+ --tw-prose-captions: var(--muted-foreground);
39
+ --tw-prose-code: var(--foreground);
40
+ --tw-prose-th-borders: var(--border);
41
+ --tw-prose-td-borders: var(--border);
42
+ --tw-prose-invert-body: color-mix(in oklab, var(--foreground) 86%, var(--background));
43
+ --tw-prose-invert-headings: var(--foreground);
44
+ --tw-prose-invert-lead: var(--muted-foreground);
45
+ --tw-prose-invert-links: var(--foreground);
46
+ --tw-prose-invert-bold: var(--foreground);
47
+ --tw-prose-invert-counters: var(--muted-foreground);
48
+ --tw-prose-invert-bullets: var(--muted-foreground);
49
+ --tw-prose-invert-hr: var(--border);
50
+ --tw-prose-invert-quotes: var(--muted-foreground);
51
+ --tw-prose-invert-quote-borders: var(--border);
52
+ --tw-prose-invert-captions: var(--muted-foreground);
53
+ --tw-prose-invert-code: var(--foreground);
54
+ --tw-prose-invert-th-borders: var(--border);
55
+ --tw-prose-invert-td-borders: var(--border);
56
+ }
57
+ .prose h1 { font-weight: 600; letter-spacing: -0.025em; }
58
+ .prose h2 { font-weight: 600; letter-spacing: -0.015em; }
59
+ .prose h3 { font-weight: 500; letter-spacing: -0.01em; }
60
+ .prose h4, .prose h5, .prose h6 { font-weight: 500; }
61
+ .prose strong, .prose b { font-weight: 500; }
62
+ .prose a {
63
+ font-weight: inherit;
64
+ text-decoration-thickness: 1px;
65
+ text-underline-offset: 3px;
66
+ text-decoration-color: color-mix(in oklab, var(--foreground) 35%, transparent);
67
+ transition: text-decoration-color 0.15s;
68
+ }
69
+ .prose a:hover { text-decoration-color: var(--foreground); }
70
+ .prose a strong, .prose strong a { font-weight: 500; }
71
+
72
+
21
73
  /* ── Inline code: render as a crisp snippet, not Tailwind Typography's backticked bold ── */
22
74
  .prose code:not(pre code) {
23
75
  font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
24
76
  font-size: 0.85em;
25
- font-weight: 500;
77
+ font-weight: 400;
26
78
  background: color-mix(in oklab, var(--foreground) 7%, transparent);
27
79
  border: 1px solid var(--border);
28
80
  border-radius: 0.375rem;
@@ -154,7 +206,7 @@
154
206
  background: color-mix(in oklab, var(--cl-accent) 7%, var(--card));
155
207
  padding: 0.85rem 1rem;
156
208
  }
157
- .prose .callout-title { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-weight: 600; font-size: 0.9rem; color: var(--foreground); }
209
+ .prose .callout-title { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-weight: 500; font-size: 0.9rem; color: var(--foreground); }
158
210
  .prose .callout-title-icon { display: inline-flex; color: var(--cl-accent); }
159
211
  .prose .callout-title-icon svg { width: 1.05rem; height: 1.05rem; }
160
212
  .prose .callout-content { margin-top: 0.4rem; font-size: 0.92rem; color: var(--muted-foreground); }
@@ -169,7 +221,7 @@
169
221
  /* ── Tables ── */
170
222
  .prose table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 1.5em 0; font-size: 0.875rem; border: 1px solid var(--border); border-radius: 0.55rem; overflow: hidden; }
171
223
  .prose thead { background: color-mix(in oklab, var(--foreground) 4%, transparent); }
172
- .prose th { text-align: left; font-weight: 600; padding: 0.55rem 0.9rem; border-bottom: 1px solid var(--border); }
224
+ .prose th { text-align: left; font-weight: 500; padding: 0.55rem 0.9rem; border-bottom: 1px solid var(--border); }
173
225
  .prose td { padding: 0.55rem 0.9rem; border-bottom: 1px solid var(--border); }
174
226
  .prose tbody tr:last-child td { border-bottom: 0; }
175
227
  .prose tbody tr:hover { background: color-mix(in oklab, var(--foreground) 3%, transparent); }