@fileverse-dev/ddoc 3.1.2 → 3.1.3

package/dist/index.es.js

@@ -47390,7 +47390,7 @@ const mp = (e) => {
         },
         className: it(
           "flex w-full items-center space-x-2 rounded px-2 py-1 text-left text-sm color-text-default transition",
-          t.isActive("textStyle", { fontFamily: r.value }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
+          t.isActive("textStyle", { fontFamily: r.value }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
         ),
         children: /* @__PURE__ */ F.jsx("p", { className: "font-medium", children: r.title })
       },
@@ -47416,7 +47416,7 @@ const mp = (e) => {
           },
           className: it(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
-            t.isActive({ textAlign: "left" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
+            t.isActive({ textAlign: "left" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
           children: /* @__PURE__ */ F.jsx(Ue, { name: "AlignLeft" })
         }
@@ -47430,7 +47430,7 @@ const mp = (e) => {
           },
           className: it(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
-            t.isActive({ textAlign: "center" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
+            t.isActive({ textAlign: "center" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
           children: /* @__PURE__ */ F.jsx(Ue, { name: "AlignCenter" })
         }
@@ -47444,7 +47444,7 @@ const mp = (e) => {
           },
           className: it(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
-            t.isActive({ textAlign: "right" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
+            t.isActive({ textAlign: "right" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
           children: /* @__PURE__ */ F.jsx(Ue, { name: "AlignRight" })
         }
@@ -47458,7 +47458,7 @@ const mp = (e) => {
           },
           className: it(
             "rounded w-8 h-8 p-1 flex justify-center items-center cursor-pointer transition",
-            t.isActive({ textAlign: "justify" }) ? "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]" : "hover:color-bg-default-hover"
+            t.isActive({ textAlign: "justify" }) ? "color-bg-brand xl:hover:brightness-90 color-text-on-brand" : "hover:color-bg-default-hover"
           ),
           children: /* @__PURE__ */ F.jsx(Ue, { name: "AlignJustify" })
         }
@@ -47556,7 +47556,7 @@ const mp = (e) => {
       },
       className: it(
         "flex items-center justify-between w-full px-2 py-1 text-body-sm",
-        r.isActive() && "color-bg-brand hover:!bg-[#B6A02E] dark:text-[#363B3F]"
+        r.isActive() && "color-bg-brand hover:!bg-[#B6A02E] color-text-on-brand"
       ),
       children: [
         /* @__PURE__ */ F.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -47582,7 +47582,7 @@ const mp = (e) => {
       children: [
         /* @__PURE__ */ F.jsx("div", { className: "grid grid-cols-[repeat(15,_minmax(0,_1fr))] gap-0.5", children: rP.map((o) => {
           const s = FH(
-            r === "dark" ? o.dark : o.light
+            o[r] || o.light
           ) === "#000000" ? "text-black" : "text-white", a = `var(--color-editor-${o.name})`;
           return /* @__PURE__ */ F.jsx(
             "div",
@@ -47688,7 +47688,7 @@ const mp = (e) => {
           className: it(
             "flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm color-text-default transition",
             {
-              "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": o.isActive(),
+              "color-bg-brand xl:hover:brightness-90 color-text-on-brand": o.isActive(),
               "hover:color-bg-default-hover": !o.isActive()
             }
           ),
@@ -47733,7 +47733,7 @@ const mp = (e) => {
           className: it(
             "flex w-full items-center justify-center rounded px-2 py-1 text-center text-sm color-text-default transition",
             {
-              "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": r === s.value,
+              "color-bg-brand xl:hover:brightness-90 color-text-on-brand": r === s.value,
               "hover:color-bg-default-hover": r !== s.value
             }
           ),
@@ -48013,7 +48013,7 @@ const mp = (e) => {
             className: it(
               "flex w-fit items-center font-medium space-x-2 rounded p-2 text-center text-sm color-text-default transition",
               {
-                "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
+                "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
                 "hover:color-bg-default-hover": !u.isActive()
               }
             ),
@@ -48029,7 +48029,7 @@ const mp = (e) => {
               className: it(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
-                  "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
+                  "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
                   "hover:color-bg-default-hover": !u.isActive()
                 }
               ),
@@ -48044,7 +48044,7 @@ const mp = (e) => {
               className: it(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
-                  "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
+                  "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
                   "hover:color-bg-default-hover": !u.isActive()
                 }
               ),
@@ -48061,7 +48061,7 @@ const mp = (e) => {
               className: it(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
-                  "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
+                  "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
                   "hover:color-bg-default-hover": !u.isActive()
                 }
               ),
@@ -48076,7 +48076,7 @@ const mp = (e) => {
               className: it(
                 "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
                 {
-                  "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
+                  "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
                   "hover:color-bg-default-hover": !u.isActive()
                 }
               ),
@@ -48092,7 +48092,7 @@ const mp = (e) => {
             className: it(
               "flex items-center space-x-2 rounded px-4 py-1 color-text-default transition h-9",
               {
-                "color-bg-brand xl:hover:brightness-90 dark:text-[#363B3F]": u.isActive(),
+                "color-bg-brand xl:hover:brightness-90 color-text-on-brand": u.isActive(),
                 "hover:color-bg-default-hover": !u.isActive()
               }
             ),
@@ -48519,7 +48519,7 @@ const mp = (e) => {
               className: it(
                 "flex items-center justify-between rounded-sm px-2 py-1 text-body-sm hover:color-bg-default-hover transition-all",
                 {
-                  "color-bg-brand hover:color-bg-brand-hover dark:text-[#363B3F]": o.isActive()
+                  "color-bg-brand hover:color-bg-brand-hover color-text-on-brand": o.isActive()
                 }
               ),
               children: [
@@ -53462,7 +53462,7 @@ ${T.getHTML()}`
             isActive: e,
             className: Qe(
               "color-text-default",
-              e && "dark:text-[#363B3F]"
+              e && "color-text-on-brand"
             ),
             onClick: () => {
               t((B) => !B), o(!1);
@@ -59631,7 +59631,7 @@ const wve = zxe.extend({
                 },
                 autoFocus: !0,
                 className: it(
-                  "bg-transparent color-text-secondary dark:!text-[#888888] resize-none !mt-2",
+                  "bg-transparent color-text-secondary resize-none !mt-2",
                   "placeholder-disabled",
                   {
                     "text-left": n.attrs.dataAlign === "start",
@@ -169132,7 +169132,7 @@ const FLe = 200, wLe = new At("emoji"), DLe = St.create({
   return /* @__PURE__ */ F.jsx(YZ.Provider, { value: o, children: e });
 }, vd = (e, t = "light") => {
   if (e)
-    return typeof e == "string" ? e : t === "dark" ? e.dark || e.light : e.light || e.dark;
+    return typeof e == "string" ? e : e[t] || e.light || e.dark;
 }, oC = (e, t = "light") => {
   const n = vd(e, t);
   if (n)
@@ -181870,7 +181870,7 @@ const eqe = async (e, t, n) => {
                 {
                   className: Qe(
                     "text-body-sm h-full w-[20px] pr-1 text-center",
-                    t === h ? "color-text-default dark:text-[#363B3F]" : "color-text-default"
+                    t === h ? "color-text-on-brand" : "color-text-default"
                   ),
                   children: h + 1
                 }
@@ -183962,7 +183962,7 @@ const Rqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         onSelect: () => v == null ? void 0 : v(),
         visible: !!v,
         textClassName: "color-text-danger",
-        iconStroke: "#FB3449"
+        iconStroke: "hsl(var(--color-icon-danger))"
       }
     ]
   ], le = a || C;
@@ -184621,7 +184621,7 @@ const Rqe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         label: "Delete",
         icon: "Trash2",
         textClassName: "color-text-danger",
-        iconStroke: "#FB3449",
+        iconStroke: "hsl(var(--color-icon-danger))",
         onSelect: () => {
           !j || !c || !E || v(j);
         },

package/dist/package/components/presentation-mode/presentation-mode.d.ts

@@ -1,5 +1,5 @@
 import { Editor } from '@tiptap/react';
-import { IpfsImageFetchPayload, DdocProps } from '../../types';
+import { IpfsImageFetchPayload, DdocProps, ThemeKey } from '../../types';
 
 interface PresentationModeProps {
     editor: Editor;
@@ -22,7 +22,7 @@ interface PresentationModeProps {
     }>;
     documentStyling?: DdocProps['documentStyling'];
     fetchV1ImageFn?: (url: string) => Promise<ArrayBuffer | undefined>;
-    theme?: 'light' | 'dark';
+    theme?: ThemeKey;
 }
 export declare const PresentationMode: ({ editor, onClose, isFullscreen, setIsFullscreen, onError, setCommentDrawerOpen, sharedSlidesLink, isPreviewMode, documentName, onSlidesShare, slides, setSlides, renderThemeToggle, isContentLoading, ipfsImageFetchFn, documentStyling, fetchV1ImageFn, theme, }: PresentationModeProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/package/components/presentation-mode/preview-panel.d.ts

@@ -1,11 +1,11 @@
-import { DdocProps } from '../../types';
+import { DdocProps, ThemeKey } from '../../types';
 
 interface PreviewPanelProps {
     slides: string[];
     currentSlide: number;
     setCurrentSlide: (index: number) => void;
     documentStyling?: DdocProps['documentStyling'];
-    theme?: 'light' | 'dark';
+    theme?: ThemeKey;
 }
 export declare const PreviewPanel: ({ slides, currentSlide, setCurrentSlide, documentStyling, theme, }: PreviewPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/package/context/editor-context.d.ts

@@ -1,9 +1,9 @@
 import { default as React, ReactNode } from 'react';
-import { DocumentStyling } from '../types';
+import { DocumentStyling, ThemeKey } from '../types';
 
 interface EditorContextType {
     documentStyling?: DocumentStyling;
-    theme: 'light' | 'dark';
+    theme: ThemeKey;
     isFocusMode: boolean;
 }
 export declare const EditorContext: React.Context<EditorContextType | null>;
@@ -11,7 +11,7 @@ export declare const useEditorContext: () => EditorContextType;
 export declare const EditorProvider: React.FC<{
     children: ReactNode;
     documentStyling?: DocumentStyling;
-    theme?: 'light' | 'dark';
+    theme?: ThemeKey;
     isFocusMode?: boolean;
 }>;
 export {};

package/dist/package/hooks/use-tab-editor.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, MutableRefObject, SetStateAction } from 'react';
-import { DdocProps } from '../types';
+import { DdocProps, ThemeKey } from '../types';
 import { AnyExtension, Editor } from '@tiptap/react';
 import { ToCItemType } from '../components/toc/types';
 import { CollabConnectionConfig, CollaborationProps } from '../sync-local/types';
@@ -45,7 +45,7 @@ interface UseTabEditorArgs {
     externalExtensions?: Record<string, AnyExtension>;
     isContentLoading?: boolean;
     activeTabId: string;
-    theme?: 'dark' | 'light';
+    theme?: ThemeKey;
     editorRef?: MutableRefObject<Editor | null>;
 }
 export declare const useTabEditor: ({ ydoc, isVersionMode, hasTabState, versionId, isPreviewMode, initialContent, collaboration, isReady, isSyncing, awareness, disableInlineComment, onCommentInteraction, onError, ipfsImageUploadFn, metadataProxyUrl, onCopyHeadingLink, ipfsImageFetchFn, fetchV1ImageFn, isConnected, activeModel, maxTokens, isAIAgentEnabled, setCharacterCount, setWordCount, setPageCount, setIsContentLoading, setIsCollabContentLoading, unFocused, zoomLevel, isPresentationMode, onInvalidContentError, ignoreCorruptedData, onCollaboratorChange, onConnect, hasCollabContentInitialised, initialiseYjsIndexedDbProvider, externalExtensions, isContentLoading, activeTabId, theme, editorRef, }: UseTabEditorArgs) => {

package/dist/package/types.d.ts

@@ -40,9 +40,12 @@ export interface CustomModel {
     apiKey: string;
     systemPrompt: string;
 }
+export type ThemeKey = 'light' | 'dark' | 'theme-sepia' | 'theme-pink';
 export interface ThemeVariantValue {
     light: string;
     dark: string;
+    sepia?: string;
+    [key: string]: string | undefined;
 }
 export type DocumentStylingValue = string | ThemeVariantValue;
 /**
@@ -119,7 +122,7 @@ export interface DdocProps extends CommentAccountProps {
     setIsCommentSectionOpen?: React.Dispatch<SetStateAction<boolean>>;
     inlineCommentData?: InlineCommentData;
     setInlineCommentData?: React.Dispatch<React.SetStateAction<InlineCommentData>>;
-    theme?: 'dark' | 'light';
+    theme?: ThemeKey;
     zoomLevel: string;
     setZoomLevel: React.Dispatch<SetStateAction<string>>;
     isNavbarVisible: boolean;

package/dist/package/utils/colors.d.ts

@@ -1,3 +1,5 @@
+import { ThemeKey } from '../types';
+
 export declare const colors: {
     color: string;
     code: string;
@@ -7,4 +9,4 @@ export declare const textColors: {
     light: string;
     dark: string;
 }[];
-export declare const getResponsiveColor: (color?: string, theme?: "light" | "dark") => string | undefined;
+export declare const getResponsiveColor: (color?: string, theme?: ThemeKey) => string | undefined;

package/dist/package/utils/document-styling.d.ts

@@ -1,5 +1,5 @@
-import { DocumentStylingValue, ThemeVariantValue } from '../types';
+import { DocumentStylingValue, ThemeKey, ThemeVariantValue } from '../types';
 
 export declare const isThemeVariantValue: (value: DocumentStylingValue | undefined) => value is ThemeVariantValue;
-export declare const getThemeStyle: (value?: DocumentStylingValue, theme?: "light" | "dark") => string | undefined;
-export declare const getResponsiveThemeTextColor: (value?: DocumentStylingValue, theme?: "light" | "dark") => string | undefined;
+export declare const getThemeStyle: (value?: DocumentStylingValue, theme?: ThemeKey) => string | undefined;
+export declare const getResponsiveThemeTextColor: (value?: DocumentStylingValue, theme?: ThemeKey) => string | undefined;