@bendyline/squisq-editor-react 2.7.1 → 2.7.2

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.
package/dist/index.d.ts CHANGED
@@ -2405,6 +2405,32 @@ interface MermaidDiagramData {
2405
2405
  }
2406
2406
  declare function useMermaidDiagramData(editor: Editor, blockId: string): MermaidDiagramData | null;
2407
2407
 
2408
+ /**
2409
+ * The WYSIWYG canvas only paints itself in the active Squisq theme's colors
2410
+ * when theme styling is set to "Fonts & colors" (View menu →
2411
+ * `data-theme-inheritance="fonts-colors"`). At the default setting the canvas
2412
+ * is the editor's own light/dark chrome instead, so handing Mermaid the
2413
+ * document theme's neutrals drops a light card into a dark editor.
2414
+ *
2415
+ * Swap only the neutral slots — page, surface, text — for the surface the
2416
+ * diagram is actually drawn on. Accents (primary, secondary, highlight,
2417
+ * warning) are left alone so the diagram keeps the theme's identity, which is
2418
+ * also what makes an adapted theme safe to feed straight into
2419
+ * `buildMermaidThemeVariables`.
2420
+ */
2421
+ type MermaidSurfaceScheme = 'light' | 'dark';
2422
+ /** Same test `buildMermaidThemeVariables` uses to set Mermaid's `darkMode`. */
2423
+ declare function mermaidSurfaceScheme(theme: Theme): MermaidSurfaceScheme;
2424
+ declare function adaptThemeToSurface(theme: Theme, scheme: MermaidSurfaceScheme): Theme;
2425
+ /**
2426
+ * Resolve the theme a Mermaid widget mounted under `host` should render with.
2427
+ * Tiptap mounts each widget in its own React root, so the surrounding editor
2428
+ * chrome is only reachable through the host element's ancestors.
2429
+ */
2430
+ declare function resolveMermaidSurfaceTheme(host: HTMLElement | null | undefined, theme: Theme): Theme;
2431
+ /** Reactive `resolveMermaidSurfaceTheme` — re-resolves when the shell retints. */
2432
+ declare function useMermaidSurfaceTheme(host: HTMLElement | null | undefined, theme: Theme): Theme;
2433
+
2408
2434
  /** Browser-only, lazy Mermaid renderer shared by all complex-diagram widgets. */
2409
2435
 
2410
2436
  interface MermaidRenderResult extends Pick<RenderResult, 'svg' | 'diagramType'> {
@@ -2923,4 +2949,4 @@ declare function applyTimelineCommand(editor: Editor, blockId: string, command:
2923
2949
  /** Paste gate for bare, high-confidence Unicode timeline art. */
2924
2950
  declare function shouldPasteAsTimelineFence(text: string): boolean;
2925
2951
 
2926
- export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, type BlockRange, type BlockSlice, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DEFAULT_MERMAID_DIAGRAM_TYPE, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EditorHostMode, EmojiPicker, type EmojiPickerProps, FENCE_WIDGET_CONTAINED_EVENTS, type FenceBlockEntry, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, HOST_FENCE_KEY, type HeadingTransitionAttrs, HeadingWithTemplate, type HostFenceBlockEntry, HostFenceExtension, type HostFenceExtensionOptions, type HostFencePluginState, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, type PreviewToolbarControlsProps, REPAIRABLE_KEY, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, StatusBar, type StatusBarProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VersionHistoryPanel, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, containFenceWidgetEvents, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findHostFenceBlockPos, findMermaidDiagramBlockPos, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, formatSeconds, getBlockSlices, getTimelineForNode, indentItemOp, ingestForWrite, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, lineToOffset, mapFenceEntries, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, offsetToLine, outdentItemOp, parseTimelineForNode, partitionFiles, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceHostFenceText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setBlockStartTimeInSource, setBlockTransitionInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, sliceIndexAtOffset, spliceBlock, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMonacoLoader, usePreviewSettings, useTimelineData, useTreeViewData };
2952
+ export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, type BlockRange, type BlockSlice, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DEFAULT_MERMAID_DIAGRAM_TYPE, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EditorHostMode, EmojiPicker, type EmojiPickerProps, FENCE_WIDGET_CONTAINED_EVENTS, type FenceBlockEntry, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, HOST_FENCE_KEY, type HeadingTransitionAttrs, HeadingWithTemplate, type HostFenceBlockEntry, HostFenceExtension, type HostFenceExtensionOptions, type HostFencePluginState, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, type MermaidSurfaceScheme, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, type PreviewToolbarControlsProps, REPAIRABLE_KEY, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, StatusBar, type StatusBarProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VersionHistoryPanel, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, adaptThemeToSurface, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, containFenceWidgetEvents, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findHostFenceBlockPos, findMermaidDiagramBlockPos, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, formatSeconds, getBlockSlices, getTimelineForNode, indentItemOp, ingestForWrite, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, lineToOffset, mapFenceEntries, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, mermaidSurfaceScheme, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, offsetToLine, outdentItemOp, parseTimelineForNode, partitionFiles, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceHostFenceText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, resolveMermaidSurfaceTheme, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setBlockStartTimeInSource, setBlockTransitionInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, sliceIndexAtOffset, spliceBlock, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMermaidSurfaceTheme, useMonacoLoader, usePreviewSettings, useTimelineData, useTreeViewData };
package/dist/index.js CHANGED
@@ -80,6 +80,7 @@ import {
80
80
  VersionHistoryPanel,
81
81
  ViewMenuPanel,
82
82
  WysiwygEditor,
83
+ adaptThemeToSurface,
83
84
  addEdgeOp,
84
85
  addItemOp,
85
86
  addNodeOp,
@@ -128,6 +129,7 @@ import {
128
129
  mermaidEditCapabilities,
129
130
  mermaidEditableTexts,
130
131
  mermaidErrorMessage,
132
+ mermaidSurfaceScheme,
131
133
  monacoLanguageForFence,
132
134
  moveItemDownOp,
133
135
  moveItemUpOp,
@@ -161,6 +163,7 @@ import {
161
163
  replaceHostFenceText,
162
164
  resizeNodeOp,
163
165
  resolveFileKind,
166
+ resolveMermaidSurfaceTheme,
164
167
  sanitizeAsciiLabel,
165
168
  sanitizeTimelineText,
166
169
  sanitizeTreeLabel,
@@ -197,11 +200,12 @@ import {
197
200
  useEscapeDismissal,
198
201
  useFileDrop,
199
202
  useMermaidDiagramData,
203
+ useMermaidSurfaceTheme,
200
204
  useMonacoLoader,
201
205
  usePreviewSettings,
202
206
  useTimelineData,
203
207
  useTreeViewData
204
- } from "./chunk-BYXVO34Z.js";
208
+ } from "./chunk-7K4LSSNL.js";
205
209
  import "./chunk-V4NBQF5C.js";
206
210
  import {
207
211
  JsonEditor
@@ -796,6 +800,7 @@ export {
796
800
  ViewMenuPanel,
797
801
  ViewSwitcher,
798
802
  WysiwygEditor,
803
+ adaptThemeToSurface,
799
804
  addEdgeOp,
800
805
  addItemOp,
801
806
  addNodeOp,
@@ -864,6 +869,7 @@ export {
864
869
  mermaidEditCapabilities,
865
870
  mermaidEditableTexts,
866
871
  mermaidErrorMessage,
872
+ mermaidSurfaceScheme,
867
873
  monacoLanguageForFence,
868
874
  moveItemDownOp,
869
875
  moveItemUpOp,
@@ -908,6 +914,7 @@ export {
908
914
  resizeNodeOp,
909
915
  resolveFileKind,
910
916
  resolveFormat,
917
+ resolveMermaidSurfaceTheme,
911
918
  sanitizeAsciiLabel,
912
919
  sanitizeTimelineText,
913
920
  sanitizeTreeLabel,
@@ -953,6 +960,7 @@ export {
953
960
  useMediaDevices,
954
961
  useMediaRecorder,
955
962
  useMermaidDiagramData,
963
+ useMermaidSurfaceTheme,
956
964
  useMicAnalysis,
957
965
  useMonacoLoader,
958
966
  useNarrationRecorder,
@@ -5,7 +5,7 @@ import {
5
5
  RawEditor,
6
6
  WysiwygEditor,
7
7
  useEditorContext
8
- } from "../chunk-BYXVO34Z.js";
8
+ } from "../chunk-7K4LSSNL.js";
9
9
  import "../chunk-V4NBQF5C.js";
10
10
  import "../chunk-K2WJYVS4.js";
11
11
  import "../chunk-V44VP242.js";
@@ -15848,26 +15848,26 @@
15848
15848
  .squisq-mermaid-svg .squisq-mermaid-edge-selected {
15849
15849
  filter: drop-shadow(0 0 3px #4f46e5);
15850
15850
  }
15851
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg {
15851
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg {
15852
15852
  --squisq-mermaid-edge: #cbd5e1;
15853
15853
  --squisq-mermaid-edge-label-bg: rgba(15, 23, 42, 0.88);
15854
15854
  }
15855
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg :is(path.flowchart-link, .edgePath .path, .relationshipLine, .messageLine0, .messageLine1, .transition):not([style*="stroke:"]) {
15855
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg :is(path.flowchart-link, .edgePath .path, .relationshipLine, .messageLine0, .messageLine1, .transition):not([style*="stroke:"]) {
15856
15856
  stroke: var(--squisq-mermaid-edge) !important;
15857
15857
  }
15858
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg :is(.marker, .arrowheadPath),
15859
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg marker :is(path, polygon) {
15858
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg :is(.marker, .arrowheadPath),
15859
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg marker :is(path, polygon) {
15860
15860
  stroke: var(--squisq-mermaid-edge) !important;
15861
15861
  }
15862
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg marker :is(path, polygon):not([fill=none]):not([style*="fill:none"]):not([style*="fill: none"]) {
15862
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg marker :is(path, polygon):not([fill=none]):not([style*="fill:none"]):not([style*="fill: none"]) {
15863
15863
  fill: var(--squisq-mermaid-edge) !important;
15864
15864
  }
15865
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg .edgeLabel,
15866
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg .edgeLabel :is(span, p) {
15865
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg .edgeLabel,
15866
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg .edgeLabel :is(span, p) {
15867
15867
  color: var(--squisq-mermaid-edge) !important;
15868
15868
  }
15869
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg .edgeLabel p,
15870
- .squisq-editor-shell[data-theme=dark] .squisq-mermaid-svg .edgeLabel rect {
15869
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg .edgeLabel p,
15870
+ .squisq-mermaid-canvas[data-surface=dark] .squisq-mermaid-svg .edgeLabel rect {
15871
15871
  background: var(--squisq-mermaid-edge-label-bg) !important;
15872
15872
  fill: var(--squisq-mermaid-edge-label-bg) !important;
15873
15873
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bendyline/squisq-editor-react",
3
- "version": "2.7.1",
3
+ "version": "2.7.2",
4
4
  "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
5
5
  "license": "MIT",
6
6
  "author": "Bendyline",
@@ -85,9 +85,9 @@
85
85
  },
86
86
  "dependencies": {
87
87
  "@bendyline/squisq": "2.7.1",
88
- "@bendyline/squisq-formats": "2.4.2",
88
+ "@bendyline/squisq-formats": "2.4.3",
89
89
  "@bendyline/squisq-react": "2.7.1",
90
- "@bendyline/squisq-video-react": "2.3.3",
90
+ "@bendyline/squisq-video-react": "2.3.4",
91
91
  "@fortawesome/fontawesome-free": "7.2.0",
92
92
  "@tiptap/core": "2.27.2",
93
93
  "@tiptap/extension-heading": "2.27.2",