@astrojs/starlight 0.4.0 → 0.4.2

package/404.astro

@@ -6,7 +6,10 @@ import Page from './layout/Page.astro';
 import type { StarlightDocsEntry } from './utils/routing';
 import { useTranslations } from './utils/translations';
 
-const { lang = 'en', dir = 'ltr', locale } = config.defaultLocale || {};
+const { lang = 'en', dir = 'ltr' } = config.defaultLocale || {};
+let locale = config.defaultLocale?.locale;
+if (locale === 'root') locale = undefined;
+
 const entryMeta = { dir, lang, locale };
 const t = useTranslations(locale);
 
@@ -34,6 +37,6 @@ const entry = userEntry || fallbackEntry;
 const { Content, headings } = await entry.render();
 ---
 
-<Page {headings} entry={entry} slug={entry.slug} {...entryMeta} {entryMeta}>
+<Page {headings} entry={entry} id={entry.id} slug={entry.slug} {...entryMeta} {entryMeta}>
   <Content />
 </Page>

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @astrojs/starlight
 
+## 0.4.2
+
+### Patch Changes
+
+- [#308](https://github.com/withastro/starlight/pull/308) [`c3aa4c6`](https://github.com/withastro/starlight/commit/c3aa4c6aa18f7f6859ad1c0acc28f0da59a84760) Thanks [@delucis](https://github.com/delucis)! - Fix use of default monospace font stack
+
+- [#286](https://github.com/withastro/starlight/pull/286) [`a2aedfc`](https://github.com/withastro/starlight/commit/a2aedfc7f9555b44f5f33aad7f4a98b207a11b47) Thanks [@mzaien](https://github.com/mzaien)! - Add Arabic UI translations
+
+## 0.4.1
+
+### Patch Changes
+
+- [#300](https://github.com/withastro/starlight/pull/300) [`377a25d`](https://github.com/withastro/starlight/commit/377a25dc4c51c060e751aeba4d3f946a41de907a) Thanks [@cbontems](https://github.com/cbontems)! - Fix broken link on 404 page when `defaultLocale: 'root'` is set in `astro.config.mjs`
+
+- [#289](https://github.com/withastro/starlight/pull/289) [`dffca46`](https://github.com/withastro/starlight/commit/dffca461633940847e9177913053885c5e8b5f29) Thanks [@RyanRBrown](https://github.com/RyanRBrown)! - Fix saturation of purple text in light theme
+
+- [#301](https://github.com/withastro/starlight/pull/301) [`d47639d`](https://github.com/withastro/starlight/commit/d47639d50b53fa691c1d9b0f30f82ebf7f6ddf7e) Thanks [@delucis](https://github.com/delucis)! - Enable inline stylesheets for Astro versions ≥2.6.0
+
 ## 0.4.0
 
 ### Minor Changes

package/components/MarkdownContent.astro

@@ -77,6 +77,10 @@
     background-color: var(--sl-color-bg-inline-code);
     margin-block: -0.125rem;
     padding: 0.125rem 0.375rem;
+    font-size: var(--sl-text-code-sm);
+  }
+  .content :global(:is(h1, h2, h3, h4, h5, h6) code) {
+    font-size: inherit;
   }
 
   .content :global(pre) {
@@ -87,6 +91,7 @@
 
   .content :global(pre code) {
     all: unset;
+    font-family: var(--__sl-font-mono);
   }
 
   .content :global(blockquote) {

package/index.ts

@@ -55,6 +55,7 @@ export default function StarlightIntegration(
                 ? {}
                 : { theme: 'css-variables' },
           },
+          build: { inlineStylesheets: 'auto' },
           experimental: { assets: true, inlineStylesheets: 'auto' },
         };
         updateConfig(newConfig);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astrojs/starlight",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Build beautiful, high-performance documentation websites with Astro",
   "keywords": [
     "docs",
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@types/node": "^18.15.11",
-    "astro": "^2.5.0"
+    "astro": "2.7.0"
   },
   "dependencies": {
     "@astrojs/mdx": "^0.19.7",

package/style/props.css

@@ -89,8 +89,8 @@
     'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   --sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     'Liberation Mono', 'Courier New', monospace;
-  --__sb-font: var(--sl-font, ''), var(--sl-font-system);
-  --__sb-font-mono: var(--sl-font-mono, ''), var(--sl-font-system-mono);
+  --__sl-font: var(--sl-font, ''), var(--sl-font-system);
+  --__sl-font-mono: var(--sl-font-mono, ''), var(--sl-font-system-mono);
 
   /** Key layout values */
   --sl-nav-height: 3.5rem;
@@ -135,7 +135,7 @@
   --sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
   --sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
   --sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
-  --sl-color-purple-high: hsl(var(--sl-hue-purple), 39%, 30%);
+  --sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
   --sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
   --sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
   --sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);

package/style/reset.css

@@ -18,7 +18,7 @@ html[data-theme='light'] {
 }
 
 body {
-  font-family: var(--__sb-font);
+  font-family: var(--__sl-font);
   line-height: var(--sl-line-height);
   -webkit-font-smoothing: antialiased;
   color: var(--sl-color-text);
@@ -41,3 +41,7 @@ h5,
 h6 {
   overflow-wrap: break-word;
 }
+
+code {
+  font-family: var(--__sl-font-mono);
+}

package/translations/ar.json

@@ -0,0 +1,22 @@
+{
+  "skipLink.label": "الذهاب للمحتوى",
+  "search.label": "البحث",
+  "search.shortcutLabel": "(إضغط / للبحث)",
+  "search.cancelLabel": "إلغاء",
+  "search.devWarning": "البحث متوفر فقط في نسخ الاطلاق. \n جرب بناء المشروع ومعاينته على جهازك",
+  "themeSelect.accessibleLabel": "إختر ثيم",
+  "themeSelect.dark": "ليلي",
+  "themeSelect.light": "نهاري",
+  "themeSelect.auto": "تلقائي",
+  "languageSelect.accessibleLabel": "إختر لغة",
+  "menuButton.accessibleLabel": "القائمة",
+  "sidebarNav.accessibleLabel": "الرئيسية",
+  "tableOfContents.onThisPage": "على هذه الصفحة",
+  "tableOfContents.overview": "ملخص",
+  "i18n.untranslatedContent": "هذا المحتوى لا يتوفر بلغتك بعد.",
+  "page.editLink": "عدل الصفحة",
+  "page.lastUpdated": "اخر تحديث:",
+  "page.previousLink": "السابق",
+  "page.nextLink": "التالي",
+  "404.text": "الصفحة غير موجودة. تأكد من الرابط أو ابحث بإستعمال شريط البحث."
+}

package/translations/index.ts

@@ -10,11 +10,12 @@ import it from './it.json';
 import nl from './nl.json';
 import da from './da.json';
 import tr from './tr.json';
+import ar from './ar.json';
 
 const { parse } = builtinI18nSchema();
 
 export default Object.fromEntries(
-  Object.entries({ cs, en, es, de, ja, pt, fr, it, nl, da, tr }).map(([key, dict]) => [
+  Object.entries({ cs, en, es, de, ja, pt, fr, it, nl, da, tr, ar }).map(([key, dict]) => [
     key,
     parse(dict),
   ])