@astrojs/starlight 0.5.5 → 0.6.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 (77) hide show
  1. package/404.astro +17 -17
  2. package/CHANGELOG.md +52 -2
  3. package/components/CallToAction.astro +32 -35
  4. package/components/ContentPanel.astro +18 -18
  5. package/components/EditLink.astro +23 -23
  6. package/components/FallbackContentNotice.astro +16 -18
  7. package/components/Footer.astro +28 -34
  8. package/components/HeadSEO.astro +69 -75
  9. package/components/Header.astro +48 -55
  10. package/components/Hero.astro +108 -121
  11. package/components/Icons.ts +73 -71
  12. package/components/LanguageSelect.astro +31 -31
  13. package/components/LastUpdated.astro +16 -18
  14. package/components/MarkdownContent.astro +105 -117
  15. package/components/MobileMenuToggle.astro +80 -80
  16. package/components/PrevNextLinks.astro +60 -60
  17. package/components/RightSidebar.astro +17 -17
  18. package/components/RightSidebarPanel.astro +41 -41
  19. package/components/Search.astro +293 -303
  20. package/components/Select.astro +64 -65
  21. package/components/Sidebar.astro +23 -23
  22. package/components/SidebarSublist.astro +96 -95
  23. package/components/SiteTitle.astro +65 -63
  24. package/components/SkipLink.astro +17 -17
  25. package/components/SocialIcons.astro +36 -34
  26. package/components/TableOfContents/MobileTableOfContents.astro +124 -124
  27. package/components/TableOfContents/TableOfContentsList.astro +64 -69
  28. package/components/TableOfContents/generateToC.ts +41 -43
  29. package/components/TableOfContents/starlight-toc.ts +84 -90
  30. package/components/TableOfContents.astro +8 -8
  31. package/components/ThemeProvider.astro +28 -32
  32. package/components/ThemeSelect.astro +66 -71
  33. package/global.d.ts +3 -3
  34. package/index.astro +1 -1
  35. package/index.ts +55 -111
  36. package/integrations/asides.ts +109 -111
  37. package/integrations/sitemap.ts +10 -13
  38. package/integrations/virtual-user-config.ts +52 -0
  39. package/layout/Page.astro +84 -72
  40. package/layout/PageFrame.astro +67 -69
  41. package/layout/TwoColumnContent.astro +40 -42
  42. package/package.json +8 -3
  43. package/schema.ts +126 -113
  44. package/schemas/favicon.ts +40 -0
  45. package/schemas/head.ts +12 -23
  46. package/schemas/i18n.ts +146 -160
  47. package/schemas/logo.ts +22 -22
  48. package/schemas/prevNextLink.ts +14 -14
  49. package/schemas/tableOfContents.ts +14 -18
  50. package/style/asides.css +27 -27
  51. package/style/props.css +168 -173
  52. package/style/reset.css +13 -13
  53. package/style/shiki.css +11 -11
  54. package/style/util.css +30 -30
  55. package/translations/fr.json +21 -21
  56. package/translations/index.ts +4 -4
  57. package/translations/it.json +20 -20
  58. package/translations/tr.json +1 -1
  59. package/translations/zh.json +0 -1
  60. package/types.ts +1 -1
  61. package/user-components/Card.astro +50 -54
  62. package/user-components/CardGrid.astro +21 -21
  63. package/user-components/Icon.astro +19 -21
  64. package/user-components/TabItem.astro +3 -3
  65. package/user-components/Tabs.astro +113 -117
  66. package/user-components/rehype-tabs.ts +72 -72
  67. package/utils/base.ts +6 -6
  68. package/utils/git.ts +55 -55
  69. package/utils/head.ts +56 -54
  70. package/utils/i18n.ts +3 -3
  71. package/utils/localizedUrl.ts +25 -25
  72. package/utils/navigation.ts +225 -203
  73. package/utils/routing.ts +74 -85
  74. package/utils/slugs.ts +41 -51
  75. package/utils/translations.ts +26 -32
  76. package/utils/user-config.ts +278 -278
  77. package/virtual.d.ts +8 -8
package/style/props.css CHANGED
@@ -1,186 +1,181 @@
1
1
  :root,
2
2
  ::backdrop {
3
- /* Colors (dark mode) */
4
- --sl-color-white: hsl(0, 0%, 100%); /* “white” */
5
- --sl-color-gray-1: hsl(231, 23%, 94%);
6
- --sl-color-gray-2: hsl(228, 8%, 77%);
7
- --sl-color-gray-3: hsl(221, 8%, 56%);
8
- --sl-color-gray-4: hsl(225, 9%, 36%);
9
- --sl-color-gray-5: hsl(222, 11%, 23%);
10
- --sl-color-gray-6: hsl(222, 13%, 16%);
11
- --sl-color-black: hsl(223, 13%, 10%);
12
-
13
- --sl-hue-orange: 41;
14
- --sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
15
- --sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
16
- --sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
17
- --sl-hue-green: 101;
18
- --sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
19
- --sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
20
- --sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
21
- --sl-hue-blue: 234;
22
- --sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
23
- --sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
24
- --sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
25
- --sl-hue-purple: 281;
26
- --sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
27
- --sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
28
- --sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
29
- --sl-hue-red: 339;
30
- --sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
31
- --sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
32
- --sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
33
-
34
- --sl-hue-accent: var(--sl-hue-blue);
35
- --sl-color-accent-low: hsl(var(--sl-hue-accent), 54%, 20%);
36
- --sl-color-accent: hsl(var(--sl-hue-accent), 100%, 60%);
37
- --sl-color-accent-high: hsl(var(--sl-hue-accent), 100%, 87%);
38
-
39
- --sl-color-text: var(--sl-color-gray-2);
40
- --sl-color-text-accent: var(--sl-color-accent-high);
41
- --sl-color-text-invert: var(--sl-color-accent-low);
42
- --sl-color-bg: var(--sl-color-black);
43
- --sl-color-bg-nav: var(--sl-color-gray-6);
44
- --sl-color-bg-sidebar: var(--sl-color-gray-6);
45
- --sl-color-bg-inline-code: var(--sl-color-gray-5);
46
- --sl-color-hairline-light: var(--sl-color-gray-5);
47
- --sl-color-hairline: var(--sl-color-gray-6);
48
- --sl-color-hairline-shade: var(--sl-color-black);
49
-
50
- --sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
51
-
52
- /* Shadows (dark mode) */
53
- --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12),
54
- 0px 2px 1px hsla(0, 0%, 0%, 0.24);
55
- --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08),
56
- 0px 5px 2px hsla(0, 0%, 0%, 0.08), 0px 3px 2px hsla(0, 0%, 0%, 0.12),
57
- 0px 1px 1px hsla(0, 0%, 0%, 0.15);
58
- --sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03),
59
- 0px 16px 6px hsla(0, 0%, 0%, 0.1), 0px 9px 5px hsla(223, 13%, 10%, 0.33),
60
- 0px 4px 4px hsla(0, 0%, 0%, 0.75), 0px 4px 2px hsla(0, 0%, 0%, 0.25);
61
-
62
- /* Text size and line height */
63
- --sl-text-xs: 0.8125rem; /* 13px */
64
- --sl-text-sm: 0.875rem; /* 14px */
65
- --sl-text-base: 1rem; /* 16px */
66
- --sl-text-lg: 1.125rem; /* 18px */
67
- --sl-text-xl: 1.25rem; /* 20px */
68
- --sl-text-2xl: 1.5rem; /* 24px */
69
- --sl-text-3xl: 1.8125rem; /* 29px */
70
- --sl-text-4xl: 2.1875rem; /* 35px */
71
- --sl-text-5xl: 2.625rem; /* 42px */
72
- --sl-text-6xl: 4rem; /* 64px */
73
-
74
- --sl-text-body: var(--sl-text-base);
75
- --sl-text-body-sm: var(--sl-text-xs);
76
- --sl-text-code: var(--sl-text-sm);
77
- --sl-text-code-sm: var(--sl-text-xs);
78
- --sl-text-h1: var(--sl-text-4xl);
79
- --sl-text-h2: var(--sl-text-3xl);
80
- --sl-text-h3: var(--sl-text-2xl);
81
- --sl-text-h4: var(--sl-text-xl);
82
- --sl-text-h5: var(--sl-text-lg);
83
-
84
- --sl-line-height: 1.8;
85
- --sl-line-height-headings: 1.2;
86
-
87
- --sl-font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
88
- 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
89
- 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
90
- --sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
91
- 'Liberation Mono', 'Courier New', monospace;
92
- --__sl-font: var(--sl-font, ''), var(--sl-font-system);
93
- --__sl-font-mono: var(--sl-font-mono, ''), var(--sl-font-system-mono);
94
-
95
- /** Key layout values */
96
- --sl-nav-height: 3.5rem;
97
- --sl-nav-pad-x: 1rem;
98
- --sl-nav-pad-y: 0.75rem;
99
- --sl-title-min-width: 10rem;
100
- --sl-mobile-toc-height: 3rem;
101
- --sl-sidebar-width: 18.75rem;
102
- --sl-sidebar-pad-x: 1rem;
103
- --sl-content-width: 45rem;
104
- --sl-content-pad-x: 1rem;
105
- --sl-menu-button-size: 2rem;
106
- --sl-nav-gap: var(--sl-content-pad-x);
107
- /* Offset required to show outline inside an element instead of round the outside */
108
- --sl-outline-offset-inside: -0.1875rem;
109
-
110
- /* Global z-index values */
111
- --sl-z-index-menu: 5;
112
- --sl-z-index-navbar: 10;
113
- --sl-z-index-skiplink: 20;
3
+ /* Colors (dark mode) */
4
+ --sl-color-white: hsl(0, 0%, 100%); /* “white” */
5
+ --sl-color-gray-1: hsl(231, 23%, 94%);
6
+ --sl-color-gray-2: hsl(228, 8%, 77%);
7
+ --sl-color-gray-3: hsl(221, 8%, 56%);
8
+ --sl-color-gray-4: hsl(225, 9%, 36%);
9
+ --sl-color-gray-5: hsl(222, 11%, 23%);
10
+ --sl-color-gray-6: hsl(222, 13%, 16%);
11
+ --sl-color-black: hsl(223, 13%, 10%);
12
+
13
+ --sl-hue-orange: 41;
14
+ --sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);
15
+ --sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);
16
+ --sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);
17
+ --sl-hue-green: 101;
18
+ --sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);
19
+ --sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);
20
+ --sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);
21
+ --sl-hue-blue: 234;
22
+ --sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);
23
+ --sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);
24
+ --sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);
25
+ --sl-hue-purple: 281;
26
+ --sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);
27
+ --sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);
28
+ --sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);
29
+ --sl-hue-red: 339;
30
+ --sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);
31
+ --sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);
32
+ --sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);
33
+
34
+ --sl-hue-accent: var(--sl-hue-blue);
35
+ --sl-color-accent-low: hsl(var(--sl-hue-accent), 54%, 20%);
36
+ --sl-color-accent: hsl(var(--sl-hue-accent), 100%, 60%);
37
+ --sl-color-accent-high: hsl(var(--sl-hue-accent), 100%, 87%);
38
+
39
+ --sl-color-text: var(--sl-color-gray-2);
40
+ --sl-color-text-accent: var(--sl-color-accent-high);
41
+ --sl-color-text-invert: var(--sl-color-accent-low);
42
+ --sl-color-bg: var(--sl-color-black);
43
+ --sl-color-bg-nav: var(--sl-color-gray-6);
44
+ --sl-color-bg-sidebar: var(--sl-color-gray-6);
45
+ --sl-color-bg-inline-code: var(--sl-color-gray-5);
46
+ --sl-color-hairline-light: var(--sl-color-gray-5);
47
+ --sl-color-hairline: var(--sl-color-gray-6);
48
+ --sl-color-hairline-shade: var(--sl-color-black);
49
+
50
+ --sl-color-backdrop-overlay: hsla(223, 13%, 10%, 0.66);
51
+
52
+ /* Shadows (dark mode) */
53
+ --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.12), 0px 2px 1px hsla(0, 0%, 0%, 0.24);
54
+ --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.08), 0px 5px 2px hsla(0, 0%, 0%, 0.08),
55
+ 0px 3px 2px hsla(0, 0%, 0%, 0.12), 0px 1px 1px hsla(0, 0%, 0%, 0.15);
56
+ --sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, 0.03), 0px 16px 6px hsla(0, 0%, 0%, 0.1),
57
+ 0px 9px 5px hsla(223, 13%, 10%, 0.33), 0px 4px 4px hsla(0, 0%, 0%, 0.75),
58
+ 0px 4px 2px hsla(0, 0%, 0%, 0.25);
59
+
60
+ /* Text size and line height */
61
+ --sl-text-xs: 0.8125rem; /* 13px */
62
+ --sl-text-sm: 0.875rem; /* 14px */
63
+ --sl-text-base: 1rem; /* 16px */
64
+ --sl-text-lg: 1.125rem; /* 18px */
65
+ --sl-text-xl: 1.25rem; /* 20px */
66
+ --sl-text-2xl: 1.5rem; /* 24px */
67
+ --sl-text-3xl: 1.8125rem; /* 29px */
68
+ --sl-text-4xl: 2.1875rem; /* 35px */
69
+ --sl-text-5xl: 2.625rem; /* 42px */
70
+ --sl-text-6xl: 4rem; /* 64px */
71
+
72
+ --sl-text-body: var(--sl-text-base);
73
+ --sl-text-body-sm: var(--sl-text-xs);
74
+ --sl-text-code: var(--sl-text-sm);
75
+ --sl-text-code-sm: var(--sl-text-xs);
76
+ --sl-text-h1: var(--sl-text-4xl);
77
+ --sl-text-h2: var(--sl-text-3xl);
78
+ --sl-text-h3: var(--sl-text-2xl);
79
+ --sl-text-h4: var(--sl-text-xl);
80
+ --sl-text-h5: var(--sl-text-lg);
81
+
82
+ --sl-line-height: 1.8;
83
+ --sl-line-height-headings: 1.2;
84
+
85
+ --sl-font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
86
+ 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
87
+ 'Segoe UI Symbol', 'Noto Color Emoji';
88
+ --sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
89
+ 'Courier New', monospace;
90
+ --__sl-font: var(--sl-font, ''), var(--sl-font-system);
91
+ --__sl-font-mono: var(--sl-font-mono, ''), var(--sl-font-system-mono);
92
+
93
+ /** Key layout values */
94
+ --sl-nav-height: 3.5rem;
95
+ --sl-nav-pad-x: 1rem;
96
+ --sl-nav-pad-y: 0.75rem;
97
+ --sl-mobile-toc-height: 3rem;
98
+ --sl-sidebar-width: 18.75rem;
99
+ --sl-sidebar-pad-x: 1rem;
100
+ --sl-content-width: 45rem;
101
+ --sl-content-pad-x: 1rem;
102
+ --sl-menu-button-size: 2rem;
103
+ --sl-nav-gap: var(--sl-content-pad-x);
104
+ /* Offset required to show outline inside an element instead of round the outside */
105
+ --sl-outline-offset-inside: -0.1875rem;
106
+
107
+ /* Global z-index values */
108
+ --sl-z-index-menu: 5;
109
+ --sl-z-index-navbar: 10;
110
+ --sl-z-index-skiplink: 20;
114
111
  }
115
112
 
116
113
  :root[data-theme='light'],
117
114
  [data-theme='light'] ::backdrop {
118
- /* Colours (light mode) */
119
- --sl-color-white: hsl(223, 13%, 10%);
120
- --sl-color-gray-1: hsl(222, 13%, 16%);
121
- --sl-color-gray-2: hsl(222, 11%, 23%);
122
- --sl-color-gray-3: hsl(225, 9%, 36%);
123
- --sl-color-gray-4: hsl(221, 8%, 56%);
124
- --sl-color-gray-5: hsl(228, 8%, 77%);
125
- --sl-color-gray-6: hsl(231, 23%, 94%);
126
- --sl-color-gray-7: hsl(240, 20%, 97%);
127
- --sl-color-black: hsl(0, 0%, 100%);
128
-
129
- --sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
130
- --sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
131
- --sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
132
- --sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
133
- --sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
134
- --sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
135
- --sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
136
- --sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
137
- --sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
138
- --sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
139
- --sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
140
- --sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
141
- --sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
142
- --sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
143
- --sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
144
-
145
- --sl-color-accent-high: hsl(var(--sl-hue-accent), 80%, 30%);
146
- --sl-color-accent: hsl(var(--sl-hue-accent), 90%, 60%);
147
- --sl-color-accent-low: hsl(var(--sl-hue-accent), 88%, 90%);
148
-
149
- --sl-color-text-accent: var(--sl-color-accent);
150
- --sl-color-text-invert: var(--sl-color-black);
151
- --sl-color-bg-nav: var(--sl-color-gray-7);
152
- --sl-color-bg-sidebar: var(--sl-color-bg);
153
- --sl-color-bg-inline-code: var(--sl-color-gray-6);
154
- --sl-color-hairline-light: var(--sl-color-gray-6);
155
- --sl-color-hairline-shade: var(--sl-color-gray-6);
156
-
157
- --sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
158
-
159
- /* Shadows (light mode) */
160
- --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.06),
161
- 0px 2px 1px hsla(0, 0%, 0%, 0.06);
162
- --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.03),
163
- 0px 5px 2px hsla(0, 0%, 0%, 0.03), 0px 3px 2px hsla(0, 0%, 0%, 0.06),
164
- 0px 1px 1px hsla(0, 0%, 0%, 0.06);
165
- --sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, 0.01),
166
- 0px 16px 6px hsla(0, 0%, 0%, 0.03), 0px 9px 5px hsla(223, 13%, 10%, 0.08),
167
- 0px 4px 4px hsla(0, 0%, 0%, 0.16), 0px 4px 2px hsla(0, 0%, 0%, 0.04);
115
+ /* Colours (light mode) */
116
+ --sl-color-white: hsl(223, 13%, 10%);
117
+ --sl-color-gray-1: hsl(222, 13%, 16%);
118
+ --sl-color-gray-2: hsl(222, 11%, 23%);
119
+ --sl-color-gray-3: hsl(225, 9%, 36%);
120
+ --sl-color-gray-4: hsl(221, 8%, 56%);
121
+ --sl-color-gray-5: hsl(228, 8%, 77%);
122
+ --sl-color-gray-6: hsl(231, 23%, 94%);
123
+ --sl-color-gray-7: hsl(240, 20%, 97%);
124
+ --sl-color-black: hsl(0, 0%, 100%);
125
+
126
+ --sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);
127
+ --sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);
128
+ --sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
129
+ --sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);
130
+ --sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);
131
+ --sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);
132
+ --sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);
133
+ --sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);
134
+ --sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);
135
+ --sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);
136
+ --sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);
137
+ --sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);
138
+ --sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);
139
+ --sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);
140
+ --sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);
141
+
142
+ --sl-color-accent-high: hsl(var(--sl-hue-accent), 80%, 30%);
143
+ --sl-color-accent: hsl(var(--sl-hue-accent), 90%, 60%);
144
+ --sl-color-accent-low: hsl(var(--sl-hue-accent), 88%, 90%);
145
+
146
+ --sl-color-text-accent: var(--sl-color-accent);
147
+ --sl-color-text-invert: var(--sl-color-black);
148
+ --sl-color-bg-nav: var(--sl-color-gray-7);
149
+ --sl-color-bg-sidebar: var(--sl-color-bg);
150
+ --sl-color-bg-inline-code: var(--sl-color-gray-6);
151
+ --sl-color-hairline-light: var(--sl-color-gray-6);
152
+ --sl-color-hairline-shade: var(--sl-color-gray-6);
153
+
154
+ --sl-color-backdrop-overlay: hsla(225, 9%, 36%, 0.66);
155
+
156
+ /* Shadows (light mode) */
157
+ --sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, 0.06), 0px 2px 1px hsla(0, 0%, 0%, 0.06);
158
+ --sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, 0.03), 0px 5px 2px hsla(0, 0%, 0%, 0.03),
159
+ 0px 3px 2px hsla(0, 0%, 0%, 0.06), 0px 1px 1px hsla(0, 0%, 0%, 0.06);
160
+ --sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, 0.01), 0px 16px 6px hsla(0, 0%, 0%, 0.03),
161
+ 0px 9px 5px hsla(223, 13%, 10%, 0.08), 0px 4px 4px hsla(0, 0%, 0%, 0.16),
162
+ 0px 4px 2px hsla(0, 0%, 0%, 0.04);
168
163
  }
169
164
 
170
165
  @media (min-width: 50em) {
171
- :root {
172
- --sl-nav-height: 4rem;
173
- --sl-nav-pad-x: 1.5rem;
174
- --sl-text-h1: var(--sl-text-5xl);
175
- --sl-text-h2: var(--sl-text-4xl);
176
- --sl-text-h3: var(--sl-text-3xl);
177
- --sl-text-h4: var(--sl-text-2xl);
178
- }
166
+ :root {
167
+ --sl-nav-height: 4rem;
168
+ --sl-nav-pad-x: 1.5rem;
169
+ --sl-text-h1: var(--sl-text-5xl);
170
+ --sl-text-h2: var(--sl-text-4xl);
171
+ --sl-text-h3: var(--sl-text-3xl);
172
+ --sl-text-h4: var(--sl-text-2xl);
173
+ }
179
174
  }
180
175
 
181
176
  @media (min-width: 72rem) {
182
- :root {
183
- --sl-content-pad-x: 1.5rem;
184
- --sl-mobile-toc-height: 0rem;
185
- }
177
+ :root {
178
+ --sl-content-pad-x: 1.5rem;
179
+ --sl-mobile-toc-height: 0rem;
180
+ }
186
181
  }
package/style/reset.css CHANGED
@@ -1,35 +1,35 @@
1
1
  *,
2
2
  *::before,
3
3
  *::after {
4
- box-sizing: border-box;
4
+ box-sizing: border-box;
5
5
  }
6
6
 
7
7
  * {
8
- margin: 0;
8
+ margin: 0;
9
9
  }
10
10
 
11
11
  html {
12
- color-scheme: dark;
13
- accent-color: var(--sl-color-accent);
12
+ color-scheme: dark;
13
+ accent-color: var(--sl-color-accent);
14
14
  }
15
15
 
16
16
  html[data-theme='light'] {
17
- color-scheme: light;
17
+ color-scheme: light;
18
18
  }
19
19
 
20
20
  body {
21
- font-family: var(--__sl-font);
22
- line-height: var(--sl-line-height);
23
- -webkit-font-smoothing: antialiased;
24
- color: var(--sl-color-text);
25
- background-color: var(--sl-color-bg);
21
+ font-family: var(--__sl-font);
22
+ line-height: var(--sl-line-height);
23
+ -webkit-font-smoothing: antialiased;
24
+ color: var(--sl-color-text);
25
+ background-color: var(--sl-color-bg);
26
26
  }
27
27
 
28
28
  input,
29
29
  button,
30
30
  textarea,
31
31
  select {
32
- font: inherit;
32
+ font: inherit;
33
33
  }
34
34
 
35
35
  p,
@@ -39,9 +39,9 @@ h3,
39
39
  h4,
40
40
  h5,
41
41
  h6 {
42
- overflow-wrap: break-word;
42
+ overflow-wrap: break-word;
43
43
  }
44
44
 
45
45
  code {
46
- font-family: var(--__sl-font-mono);
46
+ font-family: var(--__sl-font-mono);
47
47
  }
package/style/shiki.css CHANGED
@@ -1,13 +1,13 @@
1
1
  :root {
2
- --astro-code-color-text: var(--sl-color-white);
3
- --astro-code-color-background: var(--sl-color-gray-6);
4
- --astro-code-token-constant: var(--sl-color-blue-high);
5
- --astro-code-token-string: var(--sl-color-green-high);
6
- --astro-code-token-comment: var(--sl-color-gray-2);
7
- --astro-code-token-keyword: var(--sl-color-purple-high);
8
- --astro-code-token-parameter: var(--sl-color-red-high);
9
- --astro-code-token-function: var(--sl-color-red-high);
10
- --astro-code-token-string-expression: var(--sl-color-green-high);
11
- --astro-code-token-punctuation: var(--sl-color-gray-2);
12
- --astro-code-token-link: var(--sl-color-blue-high);
2
+ --astro-code-color-text: var(--sl-color-white);
3
+ --astro-code-color-background: var(--sl-color-gray-6);
4
+ --astro-code-token-constant: var(--sl-color-blue-high);
5
+ --astro-code-token-string: var(--sl-color-green-high);
6
+ --astro-code-token-comment: var(--sl-color-gray-2);
7
+ --astro-code-token-keyword: var(--sl-color-purple-high);
8
+ --astro-code-token-parameter: var(--sl-color-red-high);
9
+ --astro-code-token-function: var(--sl-color-red-high);
10
+ --astro-code-token-string-expression: var(--sl-color-green-high);
11
+ --astro-code-token-punctuation: var(--sl-color-gray-2);
12
+ --astro-code-token-link: var(--sl-color-blue-high);
13
13
  }
package/style/util.css CHANGED
@@ -1,43 +1,43 @@
1
1
  .sr-only {
2
- position: absolute;
3
- width: 1px;
4
- height: 1px;
5
- padding: 0;
6
- margin: -1px;
7
- overflow: hidden;
8
- clip: rect(0, 0, 0, 0);
9
- white-space: nowrap;
10
- border-width: 0;
2
+ position: absolute;
3
+ width: 1px;
4
+ height: 1px;
5
+ padding: 0;
6
+ margin: -1px;
7
+ overflow: hidden;
8
+ clip: rect(0, 0, 0, 0);
9
+ white-space: nowrap;
10
+ border-width: 0;
11
11
  }
12
12
 
13
13
  .hidden {
14
- display: none;
14
+ display: none;
15
15
  }
16
16
  .flex {
17
- display: flex;
17
+ display: flex;
18
18
  }
19
19
  .block {
20
- display: block;
20
+ display: block;
21
21
  }
22
22
  @media (min-width: 50rem) {
23
- .md\:hidden {
24
- display: none;
25
- }
26
- .md\:flex {
27
- display: flex;
28
- }
29
- .md\:block {
30
- display: block;
31
- }
23
+ .md\:hidden {
24
+ display: none;
25
+ }
26
+ .md\:flex {
27
+ display: flex;
28
+ }
29
+ .md\:block {
30
+ display: block;
31
+ }
32
32
  }
33
33
  @media (min-width: 72rem) {
34
- .lg\:hidden {
35
- display: none;
36
- }
37
- .lg\:flex {
38
- display: flex;
39
- }
40
- .lg\:block {
41
- display: block;
42
- }
34
+ .lg\:hidden {
35
+ display: none;
36
+ }
37
+ .lg\:flex {
38
+ display: flex;
39
+ }
40
+ .lg\:block {
41
+ display: block;
42
+ }
43
43
  }
@@ -1,22 +1,22 @@
1
1
  {
2
- "skipLink.label": "Aller au contenu",
3
- "search.label": "Rechercher",
4
- "search.shortcutLabel": "(Presser / pour rechercher)",
5
- "search.cancelLabel": "Annuler",
6
- "search.devWarning": "La recherche est disponible uniquement en mode production. \nEssayez de construire puis de prévisualiser votre site pour tester la recherche localement.",
7
- "themeSelect.accessibleLabel": "Selectionner le thème",
8
- "themeSelect.dark": "Sombre",
9
- "themeSelect.light": "Clair",
10
- "themeSelect.auto": "Auto",
11
- "languageSelect.accessibleLabel": "Selectionner la langue",
12
- "menuButton.accessibleLabel": "Menu",
13
- "sidebarNav.accessibleLabel": "principale",
14
- "tableOfContents.onThisPage": "Sur cette page",
15
- "tableOfContents.overview": "Vue d’ensemble",
16
- "i18n.untranslatedContent": "Ce contenu n’est pas encore disponible dans votre langue.",
17
- "page.editLink": "Modifier cette page",
18
- "page.lastUpdated": "Dernière mise à jour :",
19
- "page.previousLink": "Précédent",
20
- "page.nextLink": "Suivant",
21
- "404.text": "Page non trouvée. Vérifiez l’URL ou essayez d’utiliser la barre de recherche."
22
- }
2
+ "skipLink.label": "Aller au contenu",
3
+ "search.label": "Rechercher",
4
+ "search.shortcutLabel": "(Presser / pour rechercher)",
5
+ "search.cancelLabel": "Annuler",
6
+ "search.devWarning": "La recherche est disponible uniquement en mode production. \nEssayez de construire puis de prévisualiser votre site pour tester la recherche localement.",
7
+ "themeSelect.accessibleLabel": "Selectionner le thème",
8
+ "themeSelect.dark": "Sombre",
9
+ "themeSelect.light": "Clair",
10
+ "themeSelect.auto": "Auto",
11
+ "languageSelect.accessibleLabel": "Selectionner la langue",
12
+ "menuButton.accessibleLabel": "Menu",
13
+ "sidebarNav.accessibleLabel": "principale",
14
+ "tableOfContents.onThisPage": "Sur cette page",
15
+ "tableOfContents.overview": "Vue d’ensemble",
16
+ "i18n.untranslatedContent": "Ce contenu n’est pas encore disponible dans votre langue.",
17
+ "page.editLink": "Modifier cette page",
18
+ "page.lastUpdated": "Dernière mise à jour :",
19
+ "page.previousLink": "Précédent",
20
+ "page.nextLink": "Suivant",
21
+ "404.text": "Page non trouvée. Vérifiez l’URL ou essayez d’utiliser la barre de recherche."
22
+ }
@@ -17,8 +17,8 @@ import zh from './zh.json';
17
17
  const { parse } = builtinI18nSchema();
18
18
 
19
19
  export default Object.fromEntries(
20
- Object.entries({ cs, en, es, de, ja, pt, fr, it, nl, da, tr, ar, nb, zh }).map(([key, dict]) => [
21
- key,
22
- parse(dict),
23
- ])
20
+ Object.entries({ cs, en, es, de, ja, pt, fr, it, nl, da, tr, ar, nb, zh }).map(([key, dict]) => [
21
+ key,
22
+ parse(dict),
23
+ ])
24
24
  );
@@ -1,22 +1,22 @@
1
1
  {
2
- "skipLink.label": "Salta ai contenuti",
3
- "search.label": "Cerca",
4
- "search.shortcutLabel": "(Usa / per cercare)",
5
- "search.cancelLabel": "Cancella",
6
- "search.devWarning": "Search is only available in production builds. \nTry building and previewing the site to test it out locally.",
7
- "themeSelect.accessibleLabel": "Seleziona tema",
8
- "themeSelect.dark": "Scuro",
9
- "themeSelect.light": "Chiaro",
10
- "themeSelect.auto": "Auto",
11
- "languageSelect.accessibleLabel": "Seleziona lingua",
12
- "menuButton.accessibleLabel": "Menu",
13
- "sidebarNav.accessibleLabel": "Principale",
14
- "tableOfContents.onThisPage": "In questa pagina",
15
- "tableOfContents.overview": "Panoramica",
16
- "i18n.untranslatedContent": "Questi contenuti non sono ancora disponibili nella tua lingua.",
17
- "page.editLink": "Modifica pagina",
18
- "page.lastUpdated": "Ultimo aggiornamento:",
19
- "page.previousLink": "Indietro",
20
- "page.nextLink": "Avanti",
21
- "404.text": "Pagina non trovata. Verifica l'URL o prova a utilizzare la barra di ricerca."
2
+ "skipLink.label": "Salta ai contenuti",
3
+ "search.label": "Cerca",
4
+ "search.shortcutLabel": "(Usa / per cercare)",
5
+ "search.cancelLabel": "Cancella",
6
+ "search.devWarning": "Search is only available in production builds. \nTry building and previewing the site to test it out locally.",
7
+ "themeSelect.accessibleLabel": "Seleziona tema",
8
+ "themeSelect.dark": "Scuro",
9
+ "themeSelect.light": "Chiaro",
10
+ "themeSelect.auto": "Auto",
11
+ "languageSelect.accessibleLabel": "Seleziona lingua",
12
+ "menuButton.accessibleLabel": "Menu",
13
+ "sidebarNav.accessibleLabel": "Principale",
14
+ "tableOfContents.onThisPage": "In questa pagina",
15
+ "tableOfContents.overview": "Panoramica",
16
+ "i18n.untranslatedContent": "Questi contenuti non sono ancora disponibili nella tua lingua.",
17
+ "page.editLink": "Modifica pagina",
18
+ "page.lastUpdated": "Ultimo aggiornamento:",
19
+ "page.previousLink": "Indietro",
20
+ "page.nextLink": "Avanti",
21
+ "404.text": "Pagina non trovata. Verifica l'URL o prova a utilizzare la barra di ricerca."
22
22
  }
@@ -19,4 +19,4 @@
19
19
  "page.previousLink": "Önceki",
20
20
  "page.nextLink": "Sonraki",
21
21
  "404.text": "Sayfa bulunamadı. URL'i kontrol edin ya da arama çubuğunu kullanmayı deneyin."
22
- }
22
+ }
@@ -20,4 +20,3 @@
20
20
  "page.nextLink": "下一页",
21
21
  "404.text": "页面未找到。检查 URL 或尝试使用搜索栏。"
22
22
  }
23
-
package/types.ts CHANGED
@@ -1 +1 @@
1
- export { StarlightConfig } from './utils/user-config';
1
+ export type { StarlightConfig } from './utils/user-config';