@nu-appdev/northwestern-starlight-theme 1.4.0 → 1.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.
Files changed (27) hide show
  1. package/CHANGELOG.md +28 -1
  2. package/README.md +8 -12
  3. package/config.ts +308 -0
  4. package/dist/config.d.ts +82 -0
  5. package/dist/config.d.ts.map +1 -0
  6. package/dist/expressive-code.d.ts +21 -0
  7. package/dist/expressive-code.d.ts.map +1 -0
  8. package/dist/index.d.ts +123 -0
  9. package/dist/index.d.ts.map +1 -0
  10. package/dist/mermaid.d.ts +97 -0
  11. package/dist/mermaid.d.ts.map +1 -0
  12. package/dist/src/config-schema.d.ts +141 -0
  13. package/dist/src/config-schema.d.ts.map +1 -0
  14. package/dist/src/rehype-table-scroll.d.ts +10 -0
  15. package/dist/src/rehype-table-scroll.d.ts.map +1 -0
  16. package/expressive-code.ts +35 -0
  17. package/index.ts +55 -44
  18. package/mermaid.ts +22 -12
  19. package/package.json +21 -8
  20. package/src/config-schema.ts +250 -0
  21. package/src/og/endpoint.ts +49 -39
  22. package/src/og/render.ts +260 -0
  23. package/src/rehype-table-scroll.ts +7 -0
  24. package/src/styles/content.css +18 -17
  25. package/src/styles/typography.css +2 -2
  26. package/src/virtual.d.ts +1 -0
  27. package/expressive-code.mjs +0 -18
package/src/styles/content.css CHANGED
@@ -178,7 +178,8 @@
178
178
 
179
179
  .starlight-aside {
180
180
  padding: 1rem 1.25rem;
181
- border: 1px solid var(--sl-color-asides-border) !important;
181
+ border: none !important;
182
+ border-inline-start: 3px solid var(--sl-color-asides-border) !important;
182
183
  }
183
184
 
184
185
  .starlight-aside__title {
@@ -195,50 +196,50 @@
195
196
 
196
197
  .starlight-aside--note {
197
198
  --sl-color-asides-text-accent: color-mix(in srgb, var(--nu-blue), black 30%);
198
- --sl-color-asides-border: rgb(80 145 205 / 30%);
199
- background-color: rgb(80 145 205 / 6%) !important;
199
+ --sl-color-asides-border: #5091cd;
200
+ background-color: rgb(80 145 205 / 8%) !important;
200
201
  }
201
202
 
202
203
  .starlight-aside--tip {
203
204
  --sl-color-asides-text-accent: color-mix(in srgb, var(--nu-dark-green), black 18%);
204
- --sl-color-asides-border: rgb(0 134 86 / 30%);
205
- background-color: rgb(0 134 86 / 6%) !important;
205
+ --sl-color-asides-border: #008656;
206
+ background-color: rgb(0 134 86 / 8%) !important;
206
207
  }
207
208
 
208
209
  .starlight-aside--caution {
209
210
  --sl-color-asides-text-accent: color-mix(in srgb, var(--nu-dark-gold), black 24%);
210
- --sl-color-asides-border: rgb(255 197 32 / 35%);
211
- background-color: rgb(255 197 32 / 8%) !important;
211
+ --sl-color-asides-border: #ffc520;
212
+ background-color: rgb(255 197 32 / 10%) !important;
212
213
  }
213
214
 
214
215
  .starlight-aside--danger {
215
216
  --sl-color-asides-text-accent: color-mix(in srgb, var(--nu-dark-orange), black 18%);
216
- --sl-color-asides-border: rgb(239 85 63 / 30%);
217
- background-color: rgb(239 85 63 / 6%) !important;
217
+ --sl-color-asides-border: #ef553f;
218
+ background-color: rgb(239 85 63 / 8%) !important;
218
219
  }
219
220
 
220
221
  :root:not([data-theme="light"]) .starlight-aside--note {
221
222
  --sl-color-asides-text-accent: #93c5fd;
222
- --sl-color-asides-border: rgb(80 145 205 / 25%);
223
- background-color: rgb(80 145 205 / 8%) !important;
223
+ --sl-color-asides-border: #93c5fd;
224
+ background-color: rgb(80 145 205 / 10%) !important;
224
225
  }
225
226
 
226
227
  :root:not([data-theme="light"]) .starlight-aside--tip {
227
228
  --sl-color-asides-text-accent: #6ee7b7;
228
- --sl-color-asides-border: rgb(0 134 86 / 25%);
229
- background-color: rgb(0 134 86 / 8%) !important;
229
+ --sl-color-asides-border: #6ee7b7;
230
+ background-color: rgb(0 134 86 / 10%) !important;
230
231
  }
231
232
 
232
233
  :root:not([data-theme="light"]) .starlight-aside--caution {
233
234
  --sl-color-asides-text-accent: #fde68a;
234
- --sl-color-asides-border: rgb(255 197 32 / 30%);
235
- background-color: rgb(255 197 32 / 10%) !important;
235
+ --sl-color-asides-border: #fde68a;
236
+ background-color: rgb(255 197 32 / 12%) !important;
236
237
  }
237
238
 
238
239
  :root:not([data-theme="light"]) .starlight-aside--danger {
239
240
  --sl-color-asides-text-accent: #fca5a5;
240
- --sl-color-asides-border: rgb(239 85 63 / 25%);
241
- background-color: rgb(239 85 63 / 8%) !important;
241
+ --sl-color-asides-border: #fca5a5;
242
+ background-color: rgb(239 85 63 / 10%) !important;
242
243
  }
243
244
 
244
245
  .sl-link-button {
package/src/styles/typography.css CHANGED
@@ -156,11 +156,11 @@
156
156
  --sl-font-system-mono: ui-monospace, sfmono-regular, "SF Mono", menlo, consolas, "Liberation Mono", monospace;
157
157
  }
158
158
 
159
- h1,
160
- h2 {
159
+ h1 {
161
160
  font-family: var(--nu-font-display);
162
161
  }
163
162
 
163
+ h2,
164
164
  h3,
165
165
  h4,
166
166
  h5,
package/src/virtual.d.ts CHANGED
@@ -18,6 +18,7 @@ declare module "virtual:northwestern-theme/config" {
18
18
  enabled: boolean;
19
19
  siteTitle: string;
20
20
  logoPath: string;
21
+ resvgWasmPath: string;
21
22
  };
22
23
  };
23
24
  export default config;
package/expressive-code.mjs DELETED
@@ -1,18 +0,0 @@
1
- import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers";
2
-
3
- /**
4
- * @param {import("@astrojs/starlight/expressive-code").StarlightExpressiveCodeOptions} [config]
5
- * @returns {import("@astrojs/starlight/expressive-code").StarlightExpressiveCodeOptions}
6
- */
7
- export function northwesternExpressiveCode(config = {}) {
8
- const { defaultProps, plugins, ...rest } = config;
9
-
10
- return {
11
- ...rest,
12
- plugins: [pluginLineNumbers(), ...(plugins ?? [])],
13
- defaultProps: {
14
- showLineNumbers: false,
15
- ...(defaultProps ?? {}),
16
- },
17
- };
18
- }