@brillout/docpress 0.6.16 → 0.6.18

package/components/Note.css

@@ -25,7 +25,6 @@ blockquote.note-color-green {
   border-left-color: rgb(0, 179, 0, 0.3);
   background-color: rgb(0, 179, 0, 0.08);
 }
-/*
 blockquote.note-color-pink {
   --color-strengh-bg: 4;
   --color-strengh-border: 4;
@@ -33,7 +32,6 @@ blockquote.note-color-pink {
   border-left-color: rgb(255, 0, 100, 0.3);
   background-color: rgb(255, 0, 100, 0.1);
 }
-*/
 .blockquote-content {
   display: inline;
 }

package/components/Note.tsx

@@ -1,4 +1,5 @@
 export { Warning }
+export { Advanced }
 export { Construction }
 export { Contribution }
 export { Danger }
@@ -21,6 +22,9 @@ import './Note.css'
 function Warning({ children }: { children: React.ReactNode }) {
   return <NoteGeneric type="warning">{children}</NoteGeneric>
 }
+function Advanced({ children }: { children: React.ReactNode }) {
+  return <NoteGeneric type="advanced">{children}</NoteGeneric>
+}
 function Construction({ children }: { children: React.ReactNode }) {
   return <NoteGeneric type="construction">{children}</NoteGeneric>
 }
@@ -47,7 +51,7 @@ function NoteGeneric({
 }: {
   icon?: null | CustomIcon
   iconMargin?: null | number
-  type?: 'danger' | 'warning' | 'construction' | 'contribution'
+  type?: 'danger' | 'warning' | 'construction' | 'contribution' | 'advanced'
   children: React.ReactNode
 }) {
   assert(icon === null || icon || type, { icon, type })
@@ -75,6 +79,10 @@ function NoteGeneric({
       icon = '💚'
       classColor = 'note-color-green'
     }
+    if (type === 'advanced') {
+      icon = '🧠'
+      classColor = 'note-color-pink'
+    }
     assert(icon)
     assert(classColor)
     className = `${className} ${classColor}`

package/css/heading.css

@@ -1,6 +1,6 @@
 h1 { font-size: 2.30em }
 h2 { font-size: 1.80em }
-h3 { font-size: 1.15em }
+h3 { font-size: 1.25em }
 
 .doc-page h1 {
   margin-top: 20px;

package/dist/vite.config.js

@@ -23,7 +23,7 @@ var config = {
             includeAssetsImportedByServer: true,
         }),
     ],
-    optimizeDeps: { include: ['@mdx-js/react', 'react-dom'] },
+    optimizeDeps: { include: ['@brillout/docpress', 'react-dom'] },
     // @ts-ignore
     ssr: {
         noExternal: ['@brillout/docpress'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brillout/docpress",
-  "version": "0.6.16",
+  "version": "0.6.18",
   "type": "module",
   "scripts": {
     "// Build vite.config.ts and +config.ts": "",

package/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.mdx' {
-  const value: () => JSX.Element
+  const value: (props?: any) => JSX.Element
   export default value
   export const headings: { level: number; title: string; id: string }[]
 }

package/vite.config.ts

@@ -26,7 +26,7 @@ const config: UserConfig = {
       includeAssetsImportedByServer: true,
     }),
   ],
-  optimizeDeps: { include: ['@mdx-js/react', 'react-dom'] },
+  optimizeDeps: { include: ['@brillout/docpress', 'react-dom'] },
   // @ts-ignore
   ssr: {
     noExternal: ['@brillout/docpress'],