@myst-theme/site 0.9.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/site",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -17,19 +17,19 @@
   "dependencies": {
     "@headlessui/react": "^1.7.15",
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/common": "^0.9.0",
-    "@myst-theme/diagrams": "^0.9.0",
-    "@myst-theme/frontmatter": "^0.9.0",
-    "@myst-theme/jupyter": "^0.9.0",
-    "@myst-theme/providers": "^0.9.0",
+    "@myst-theme/common": "^0.9.2",
+    "@myst-theme/diagrams": "^0.9.2",
+    "@myst-theme/frontmatter": "^0.9.2",
+    "@myst-theme/jupyter": "^0.9.2",
+    "@myst-theme/providers": "^0.9.2",
     "@radix-ui/react-collapsible": "^1.0.3",
     "classnames": "^2.3.2",
     "lodash.throttle": "^4.1.1",
-    "myst-common": "^1.3.0",
-    "myst-config": "^1.3.0",
-    "myst-demo": "^0.9.0",
-    "myst-spec-ext": "^1.3.0",
-    "myst-to-react": "^0.9.0",
+    "myst-common": "^1.4.0",
+    "myst-config": "^1.4.0",
+    "myst-demo": "^0.9.2",
+    "myst-spec-ext": "^1.4.0",
+    "myst-to-react": "^0.9.2",
     "nbtx": "^0.2.3",
     "node-cache": "^5.1.2",
     "node-fetch": "^2.6.11",

package/src/components/Navigation/TableOfContentsItems.tsx

@@ -143,7 +143,10 @@ const NestedToc = ({ heading }: { heading: NestedHeading }) => {
           onClick={() => setOpen(heading.path ? true : !open)}
         />
         <Collapsible.Trigger asChild>
-          <button className="self-center flex-none rounded-md group hover:bg-slate-300/30 focus:outline outline-blue-200 outline-2">
+          <button
+            className="self-center flex-none rounded-md group hover:bg-slate-300/30 focus:outline outline-blue-200 outline-2"
+            aria-label="Open Folder"
+          >
             <ChevronRightIcon
               className="transition-transform duration-300 group-data-[state=open]:rotate-90 text-text-slate-700 dark:text-slate-100"
               height="1.5rem"

package/src/index.ts

@@ -3,3 +3,4 @@ export * from './loaders/index.js';
 export * from './components/index.js';
 export * from './pages/index.js';
 export * from './seo/index.js';
+export * from './themeCSS.js';

package/src/themeCSS.ts

@@ -0,0 +1,33 @@
+export type ThemeCssOptions = {
+  numbered_references?: boolean;
+};
+
+type MystThemeVariables = {
+  'cite-group-open'?: '(' | '[' | string;
+  'cite-group-close'?: ')' | ']' | string;
+};
+
+function variables(vars: MystThemeVariables) {
+  const css = Object.entries(vars)
+    .map(([name, value]) => `--${name}: '${value}';`)
+    .join('\n  ');
+  if (!css) return '';
+  return `:root {\n  ${css}}`;
+}
+
+export function themeCSS(options?: ThemeCssOptions) {
+  const numbered_references = !!options?.numbered_references;
+  const citationCss = numbered_references
+    ? { 'cite-group-open': '[', 'cite-group-close': ']' }
+    : {};
+  return variables({ ...citationCss });
+}
+
+export function cssResponse(css: string): Response {
+  return new Response(css, {
+    headers: {
+      'Content-Type': 'text/css',
+      'Cache-Control': 'no-cache',
+    },
+  });
+}