@haklex/rich-ext-tldraw 0.0.32 → 0.0.33

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 (4) hide show
  1. package/dist/TldrawEditRenderer.d.ts.map +1 -1
  2. package/dist/index.mjs +4 -1
  3. package/dist/rich-ext-tldraw.css +1 -1
  4. package/package.json +5 -5
package/dist/TldrawEditRenderer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TldrawEditRenderer.d.ts","sourceRoot":"","sources":["../src/TldrawEditRenderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAO/B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AA0TD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAuH1D,CAAA"}
1
+ {"version":3,"file":"TldrawEditRenderer.d.ts","sourceRoot":"","sources":["../src/TldrawEditRenderer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAO/B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC7C;AA2TD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAwH1D,CAAA"}
package/dist/index.mjs CHANGED
@@ -209,6 +209,7 @@ const TldrawStaticCanvas = ({ snapshot, theme }) => {
209
209
  ),
210
210
  className: tldrawFullscreenPopup,
211
211
  portalClassName,
212
+ theme,
212
213
  showCloseButton: false,
213
214
  clickOutsideToDismiss: true
214
215
  });
@@ -606,10 +607,11 @@ const TldrawEditorDialogContent = ({
606
607
  )
607
608
  ] }),
608
609
  portalClassName,
610
+ theme,
609
611
  showCloseButton: false,
610
612
  clickOutsideToDismiss: false
611
613
  });
612
- }, [handleDiscard, handleSaveAndClose, portalClassName]);
614
+ }, [handleDiscard, handleSaveAndClose, portalClassName, theme]);
613
615
  useEffect(() => {
614
616
  const handleKeyDown = (e) => {
615
617
  if (e.key === "Escape") {
@@ -828,6 +830,7 @@ const TldrawEditRenderer = ({
828
830
  ),
829
831
  className: tldrawFullscreenPopup,
830
832
  portalClassName,
833
+ theme,
831
834
  showCloseButton: false,
832
835
  clickOutsideToDismiss: false
833
836
  });
package/dist/rich-ext-tldraw.css CHANGED
@@ -1 +1 @@
1
- @keyframes _1vqtdre3{to{transform:rotate(360deg)}}._1vqtdre0{position:relative;width:100%;aspect-ratio:16 / 10;margin:1rem 0;border-radius:.5rem;overflow:hidden}._1vqtdre1{position:relative;width:100%;aspect-ratio:16 / 10;margin:1rem 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border)}._1vqtdre2{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}._1vqtdre2:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_1vqtdre3 .6s linear infinite}._1vqtdre4{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:.75rem 1rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution);font-size:var(--rc-font-size-md)}._1vqtdre5{position:absolute;bottom:8px;right:8px;z-index:10;display:flex;gap:4px;border-radius:6px;padding:2px;background-color:color-mix(in srgb,currentColor 8%,transparent);backdrop-filter:blur(8px)}._1vqtdre6{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._1vqtdre6:hover{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--rc-text)}._1vqtdre6 svg{width:16px;height:16px}._1vqtdre7._1vqtdre7{position:fixed;inset:0;transform:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;gap:0;border-radius:0;border:none;display:flex;flex-direction:column;background:var(--rc-bg);overflow:hidden}._1vqtdre7._1vqtdre7[data-open],._1vqtdre7._1vqtdre7[data-closed]{animation:none}._1vqtdre8{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._1vqtdre9{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .3s}._1vqtdrea{font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._1vqtdreb{font-size:var(--rc-font-size-sm);color:var(--rc-text-secondary);line-height:1;padding-left:10px;border-left:1px solid var(--rc-border)}._1vqtdrec{margin-left:auto;display:flex;align-items:center;gap:2px}._1vqtdred{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._1vqtdred:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._1vqtdree{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;font-size:var(--rc-font-size-sm);white-space:nowrap;transition:background .15s,color .15s}._1vqtdree:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._1vqtdree:disabled{opacity:.4;pointer-events:none}._1vqtdree svg{width:14px;height:14px;flex-shrink:0}._1vqtdref{width:1px;height:16px;margin:0 4px;background:var(--rc-border);flex-shrink:0}._1vqtdreg{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:4px;background:color-mix(in srgb,currentColor 4%,transparent);color:var(--rc-text-secondary);font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:none;transition:background .15s}._1vqtdreg:hover{background:color-mix(in srgb,currentColor 8%,transparent)}._1vqtdreh{flex:1;position:relative;min-height:0}._1vqtdrei{display:flex;justify-content:flex-end;gap:8px}._1vqtdrej{padding:6px 14px;border-radius:6px;border:1px solid var(--rc-border);background:transparent;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;transition:background .15s;color:var(--rc-text)}._1vqtdrej:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._1vqtdrek{padding:6px 14px;border-radius:6px;border:1px solid var(--rc-accent);background:var(--rc-accent);font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;transition:opacity .15s;color:#fff}._1vqtdrek:hover{opacity:.9}._1vqtdrel{padding:6px 14px;border-radius:6px;border:1px solid var(--rc-alert-caution);background:transparent;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;transition:background .15s;color:var(--rc-alert-caution)}._1vqtdrel:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}._1vqtdrem{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._1vqtdrem:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._1vqtdren{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._1vqtdrem:hover ._1vqtdren{opacity:1}
1
+ :root{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._88yepz0{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._88yepz1{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}._88yepz2{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark ._88yepz0,[data-theme=dark] ._88yepz0,.dark._88yepz0,[data-theme=dark]._88yepz0,.dark ._88yepz1,[data-theme=dark] ._88yepz1,.dark._88yepz1,[data-theme=dark]._88yepz1,.dark ._88yepz2,[data-theme=dark] ._88yepz2,.dark._88yepz2,[data-theme=dark]._88yepz2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}@keyframes _1vqtdre3{to{transform:rotate(360deg)}}._1vqtdre0{position:relative;width:100%;aspect-ratio:16 / 10;margin:1rem 0;border-radius:.5rem;overflow:hidden}._1vqtdre1{position:relative;width:100%;aspect-ratio:16 / 10;margin:1rem 0;border-radius:.5rem;overflow:hidden;border:1px solid var(--rc-border)}._1vqtdre2{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;color:var(--rc-text-secondary);font-size:var(--rc-font-size-md)}._1vqtdre2:after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_1vqtdre3 .6s linear infinite}._1vqtdre4{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;padding:.75rem 1rem;background-color:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent);color:var(--rc-alert-caution);font-size:var(--rc-font-size-md)}._1vqtdre5{position:absolute;bottom:8px;right:8px;z-index:10;display:flex;gap:4px;border-radius:6px;padding:2px;background-color:color-mix(in srgb,currentColor 8%,transparent);backdrop-filter:blur(8px)}._1vqtdre6{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._1vqtdre6:hover{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--rc-text)}._1vqtdre6 svg{width:16px;height:16px}._1vqtdre7._1vqtdre7{position:fixed;inset:0;transform:none;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;gap:0;border-radius:0;border:none;display:flex;flex-direction:column;background:var(--rc-bg);overflow:hidden}._1vqtdre7._1vqtdre7[data-open],._1vqtdre7._1vqtdre7[data-closed]{animation:none}._1vqtdre8{display:flex;align-items:center;height:48px;flex-shrink:0;padding:0 12px 0 16px;border-bottom:1px solid var(--rc-border);gap:10px}._1vqtdre9{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background-color .3s}._1vqtdrea{font-size:var(--rc-font-size-md);font-weight:600;color:var(--rc-text);line-height:1}._1vqtdreb{font-size:var(--rc-font-size-sm);color:var(--rc-text-secondary);line-height:1;padding-left:10px;border-left:1px solid var(--rc-border)}._1vqtdrec{margin-left:auto;display:flex;align-items:center;gap:2px}._1vqtdred{margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;transition:background .15s,color .15s}._1vqtdred:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._1vqtdree{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:4px;border:none;background:transparent;color:var(--rc-text-secondary);cursor:pointer;font-size:var(--rc-font-size-sm);white-space:nowrap;transition:background .15s,color .15s}._1vqtdree:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:var(--rc-text)}._1vqtdree:disabled{opacity:.4;pointer-events:none}._1vqtdree svg{width:14px;height:14px;flex-shrink:0}._1vqtdref{width:1px;height:16px;margin:0 4px;background:var(--rc-border);flex-shrink:0}._1vqtdreg{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:4px;background:color-mix(in srgb,currentColor 4%,transparent);color:var(--rc-text-secondary);font-size:var(--rc-font-size-xs);font-family:var(--rc-font-mono);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:none;transition:background .15s}._1vqtdreg:hover{background:color-mix(in srgb,currentColor 8%,transparent)}._1vqtdreh{flex:1;position:relative;min-height:0}._1vqtdrei{display:flex;justify-content:flex-end;gap:8px}._1vqtdrej{padding:6px 14px;border-radius:6px;border:1px solid var(--rc-border);background:transparent;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;transition:background .15s;color:var(--rc-text)}._1vqtdrej:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._1vqtdrek{padding:6px 14px;border-radius:6px;border:1px solid var(--rc-accent);background:var(--rc-accent);font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;transition:opacity .15s;color:#fff}._1vqtdrek:hover{opacity:.9}._1vqtdrel{padding:6px 14px;border-radius:6px;border:1px solid var(--rc-alert-caution);background:transparent;font-size:var(--rc-font-size-sm);font-weight:500;cursor:pointer;transition:background .15s;color:var(--rc-alert-caution)}._1vqtdrel:hover{background:color-mix(in srgb,var(--rc-alert-caution) 10%,transparent)}._1vqtdrem{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;border:none;transition:background .2s}._1vqtdrem:hover{background:color-mix(in srgb,currentColor 6%,transparent)}._1vqtdren{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;background:var(--rc-bg);border:1px solid var(--rc-border);color:var(--rc-text);font-size:var(--rc-font-size-sm);font-weight:500;opacity:0;transition:opacity .2s}._1vqtdrem:hover ._1vqtdren{opacity:1}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-ext-tldraw",
3
- "version": "0.0.32",
3
+ "version": "0.0.33",
4
4
  "description": "Tldraw whiteboard extension",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -17,10 +17,10 @@
17
17
  ],
18
18
  "dependencies": {
19
19
  "tldraw": "^3.15.6",
20
- "@haklex/rich-editor": "0.0.32",
21
- "@haklex/rich-editor-ui": "0.0.32",
22
- "@haklex/rich-style-token": "0.0.32",
23
- "@haklex/rich-headless": "0.0.32"
20
+ "@haklex/rich-editor": "0.0.33",
21
+ "@haklex/rich-editor-ui": "0.0.33",
22
+ "@haklex/rich-headless": "0.0.33",
23
+ "@haklex/rich-style-token": "0.0.33"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@lexical/react": "^0.40.0",