@zsviczian/excalidraw 0.15.2-obsidian-2 → 0.15.2-obsidian-4

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 (108) hide show
  1. package/dist/excalidraw.development.js +1022 -158
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/package.json +2 -2
  4. package/types/actions/actionAddToLibrary.d.ts +33 -18
  5. package/types/actions/actionBoundText.d.ts +22 -12
  6. package/types/actions/actionCanvas.d.ts +110 -60
  7. package/types/actions/actionClipboard.d.ts +55 -30
  8. package/types/actions/actionDeleteSelected.d.ts +33 -18
  9. package/types/actions/actionElementLock.d.ts +287 -0
  10. package/types/actions/actionExport.d.ts +100 -55
  11. package/types/actions/actionFinalize.d.ts +22 -12
  12. package/types/actions/actionFlip.d.ts +2 -4
  13. package/types/actions/actionHistory.d.ts +1 -1
  14. package/types/actions/actionLinearEditor.d.ts +11 -6
  15. package/types/actions/actionMenu.d.ts +33 -18
  16. package/types/actions/actionProperties.d.ts +145 -80
  17. package/types/actions/actionStyles.d.ts +11 -6
  18. package/types/actions/actionToggleGridMode.d.ts +11 -6
  19. package/types/actions/actionToggleStats.d.ts +11 -6
  20. package/types/actions/actionToggleViewMode.d.ts +11 -6
  21. package/types/actions/actionToggleZenMode.d.ts +11 -6
  22. package/types/actions/index.d.ts +1 -1
  23. package/types/actions/manager.d.ts +1 -1
  24. package/types/actions/shortcuts.d.ts +1 -1
  25. package/types/actions/types.d.ts +7 -7
  26. package/types/charts.d.ts +2 -2
  27. package/types/clients.d.ts +4 -1
  28. package/types/colors.d.ts +60 -5
  29. package/types/components/ActiveConfirmDialog.d.ts +1 -21
  30. package/types/components/App.d.ts +6 -2
  31. package/types/components/Avatar.d.ts +1 -1
  32. package/types/components/ColorPicker/ColorInput.d.ts +7 -0
  33. package/types/components/ColorPicker/ColorPicker.d.ts +19 -0
  34. package/types/components/ColorPicker/CustomColorList.d.ts +8 -0
  35. package/types/components/ColorPicker/HotkeyLabel.d.ts +8 -0
  36. package/types/components/ColorPicker/Picker.d.ts +18 -0
  37. package/types/components/ColorPicker/PickerColorList.d.ts +10 -0
  38. package/types/components/ColorPicker/PickerHeading.d.ts +5 -0
  39. package/types/components/ColorPicker/ShadeList.d.ts +8 -0
  40. package/types/components/ColorPicker/TopPicks.d.ts +9 -0
  41. package/types/components/ColorPicker/colorPickerUtils.d.ts +21 -0
  42. package/types/components/ColorPicker/keyboardNavHandlers.d.ts +21 -0
  43. package/types/components/ContextMenu.d.ts +3 -3
  44. package/types/components/Dialog.d.ts +2 -4
  45. package/types/components/EyeDropper.d.ts +18 -0
  46. package/types/components/FilledButton.d.ts +16 -0
  47. package/types/components/FixedSideContainer.d.ts +1 -1
  48. package/types/components/HandButton.d.ts +1 -1
  49. package/types/components/HelpButton.d.ts +1 -1
  50. package/types/components/ImageExportDialog.d.ts +7 -12
  51. package/types/components/Island.d.ts +1 -1
  52. package/types/components/JSONExportDialog.d.ts +1 -1
  53. package/types/components/LayerUI.d.ts +3 -2
  54. package/types/components/LibraryMenu.d.ts +3 -23
  55. package/types/components/LibraryMenuControlButtons.d.ts +4 -4
  56. package/types/components/LibraryMenuHeaderContent.d.ts +3 -1
  57. package/types/components/LibraryMenuItems.d.ts +4 -5
  58. package/types/components/LibraryMenuSection.d.ts +22 -0
  59. package/types/components/LibraryUnit.d.ts +7 -3
  60. package/types/components/LockButton.d.ts +1 -1
  61. package/types/components/MobileMenu.d.ts +1 -1
  62. package/types/components/PenModeButton.d.ts +1 -1
  63. package/types/components/Popover.d.ts +1 -1
  64. package/types/components/ProjectName.d.ts +2 -1
  65. package/types/components/RadioGroup.d.ts +12 -0
  66. package/types/components/Sidebar/Sidebar.d.ts +1 -21
  67. package/types/components/Sidebar/common.d.ts +3 -3
  68. package/types/components/Spinner.d.ts +2 -1
  69. package/types/components/Stack.d.ts +4 -3
  70. package/types/components/Switch.d.ts +9 -0
  71. package/types/components/ToolButton.d.ts +3 -3
  72. package/types/components/Tooltip.d.ts +1 -1
  73. package/types/components/icons.d.ts +8 -1
  74. package/types/constants.d.ts +6 -0
  75. package/types/context/tunnels.d.ts +2 -2
  76. package/types/data/encode.d.ts +1 -1
  77. package/types/data/filesystem.d.ts +1 -1
  78. package/types/data/library.d.ts +3 -45
  79. package/types/data/restore.d.ts +2 -2
  80. package/types/data/types.d.ts +1 -1
  81. package/types/element/Hyperlink.d.ts +11 -6
  82. package/types/element/binding.d.ts +2 -2
  83. package/types/element/bounds.d.ts +1 -1
  84. package/types/element/linearElementEditor.d.ts +11 -6
  85. package/types/element/mutateElement.d.ts +1 -1
  86. package/types/element/newElement.d.ts +1 -1
  87. package/types/element/resizeElements.d.ts +1 -0
  88. package/types/element/transformHandles.d.ts +5 -5
  89. package/types/element/types.d.ts +35 -35
  90. package/types/errors.d.ts +1 -1
  91. package/types/ga.d.ts +5 -5
  92. package/types/hooks/useCreatePortalContainer.d.ts +5 -0
  93. package/types/hooks/useLibraryItemSvg.d.ts +11 -0
  94. package/types/hooks/useOutsideClick.d.ts +19 -1
  95. package/types/hooks/useScrollPosition.d.ts +2 -0
  96. package/types/hooks/useTransition.d.ts +2 -0
  97. package/types/i18n.d.ts +2 -2
  98. package/types/jotai.d.ts +16 -104
  99. package/types/keys.d.ts +1 -1
  100. package/types/packages/excalidraw/index.d.ts +1 -1
  101. package/types/packages/utils.d.ts +2 -2
  102. package/types/renderer/easingFunctions.d.ts +1 -1
  103. package/types/renderer/renderElement.d.ts +2 -2
  104. package/types/scene/Scene.d.ts +4 -4
  105. package/types/scene/types.d.ts +4 -4
  106. package/types/types.d.ts +46 -37
  107. package/types/utility-types.d.ts +13 -13
  108. package/types/utils.d.ts +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zsviczian/excalidraw",
3
- "version": "0.15.2-obsidian-2",
3
+ "version": "0.15.2-obsidian-4",
4
4
  "main": "main.js",
5
5
  "types": "types/packages/excalidraw/index.d.ts",
6
6
  "files": [
@@ -63,7 +63,7 @@
63
63
  "sass-loader": "13.0.2",
64
64
  "terser-webpack-plugin": "5.3.3",
65
65
  "ts-loader": "9.3.1",
66
- "typescript": "4.7.4",
66
+ "typescript": "4.9.4",
67
67
  "webpack": "5.76.0",
68
68
  "webpack-bundle-analyzer": "4.5.0",
69
69
  "webpack-cli": "4.10.0",
package/types/actions/actionAddToLibrary.d.ts CHANGED
@@ -68,7 +68,7 @@ export declare const actionAddToLibrary: {
68
68
  value: import("../types").NormalizedZoomValue;
69
69
  }>;
70
70
  openMenu: "canvas" | "shape" | null;
71
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
71
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
72
72
  openSidebar: {
73
73
  name: string;
74
74
  tab?: string | undefined;
@@ -111,11 +111,16 @@ export declare const actionAddToLibrary: {
111
111
  showHyperlinkPopup: false | "info" | "editor";
112
112
  linkOpacity: number;
113
113
  trayModeEnabled: boolean;
114
- colorPalette: {
115
- canvasBackground?: string[] | undefined;
116
- elementBackground?: string[] | undefined;
117
- elementStroke?: string[] | undefined;
118
- };
114
+ colorPalette?: {
115
+ canvasBackground: import("../colors").ColorPaletteCustom;
116
+ elementBackground: import("../colors").ColorPaletteCustom;
117
+ elementStroke: import("../colors").ColorPaletteCustom;
118
+ topPicks: {
119
+ canvasBackground: [string, string, string, string, string];
120
+ elementStroke: [string, string, string, string, string];
121
+ elementBackground: [string, string, string, string, string];
122
+ };
123
+ } | undefined;
119
124
  allowWheelZoom?: boolean | undefined;
120
125
  allowPinchZoom?: boolean | undefined;
121
126
  pinnedScripts?: string[] | undefined;
@@ -188,7 +193,7 @@ export declare const actionAddToLibrary: {
188
193
  value: import("../types").NormalizedZoomValue;
189
194
  }>;
190
195
  openMenu: "canvas" | "shape" | null;
191
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
196
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
192
197
  openSidebar: {
193
198
  name: string;
194
199
  tab?: string | undefined;
@@ -236,11 +241,16 @@ export declare const actionAddToLibrary: {
236
241
  showHyperlinkPopup: false | "info" | "editor";
237
242
  linkOpacity: number;
238
243
  trayModeEnabled: boolean;
239
- colorPalette: {
240
- canvasBackground?: string[] | undefined;
241
- elementBackground?: string[] | undefined;
242
- elementStroke?: string[] | undefined;
243
- };
244
+ colorPalette?: {
245
+ canvasBackground: import("../colors").ColorPaletteCustom;
246
+ elementBackground: import("../colors").ColorPaletteCustom;
247
+ elementStroke: import("../colors").ColorPaletteCustom;
248
+ topPicks: {
249
+ canvasBackground: [string, string, string, string, string];
250
+ elementStroke: [string, string, string, string, string];
251
+ elementBackground: [string, string, string, string, string];
252
+ };
253
+ } | undefined;
244
254
  allowWheelZoom?: boolean | undefined;
245
255
  allowPinchZoom?: boolean | undefined;
246
256
  pinnedScripts?: string[] | undefined;
@@ -313,7 +323,7 @@ export declare const actionAddToLibrary: {
313
323
  value: import("../types").NormalizedZoomValue;
314
324
  }>;
315
325
  openMenu: "canvas" | "shape" | null;
316
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
326
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
317
327
  openSidebar: {
318
328
  name: string;
319
329
  tab?: string | undefined;
@@ -361,11 +371,16 @@ export declare const actionAddToLibrary: {
361
371
  showHyperlinkPopup: false | "info" | "editor";
362
372
  linkOpacity: number;
363
373
  trayModeEnabled: boolean;
364
- colorPalette: {
365
- canvasBackground?: string[] | undefined;
366
- elementBackground?: string[] | undefined;
367
- elementStroke?: string[] | undefined;
368
- };
374
+ colorPalette?: {
375
+ canvasBackground: import("../colors").ColorPaletteCustom;
376
+ elementBackground: import("../colors").ColorPaletteCustom;
377
+ elementStroke: import("../colors").ColorPaletteCustom;
378
+ topPicks: {
379
+ canvasBackground: [string, string, string, string, string];
380
+ elementStroke: [string, string, string, string, string];
381
+ elementBackground: [string, string, string, string, string];
382
+ };
383
+ } | undefined;
369
384
  allowWheelZoom?: boolean | undefined;
370
385
  allowPinchZoom?: boolean | undefined;
371
386
  pinnedScripts?: string[] | undefined;
package/types/actions/actionBoundText.d.ts CHANGED
@@ -87,7 +87,7 @@ export declare const actionBindText: {
87
87
  value: import("../types").NormalizedZoomValue;
88
88
  }>;
89
89
  openMenu: "canvas" | "shape" | null;
90
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
90
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
91
91
  openSidebar: {
92
92
  name: string;
93
93
  tab?: string | undefined;
@@ -132,11 +132,16 @@ export declare const actionBindText: {
132
132
  showHyperlinkPopup: false | "info" | "editor";
133
133
  linkOpacity: number;
134
134
  trayModeEnabled: boolean;
135
- colorPalette: {
136
- canvasBackground?: string[] | undefined;
137
- elementBackground?: string[] | undefined;
138
- elementStroke?: string[] | undefined;
139
- };
135
+ colorPalette?: {
136
+ canvasBackground: import("../colors").ColorPaletteCustom;
137
+ elementBackground: import("../colors").ColorPaletteCustom;
138
+ elementStroke: import("../colors").ColorPaletteCustom;
139
+ topPicks: {
140
+ canvasBackground: [string, string, string, string, string];
141
+ elementStroke: [string, string, string, string, string];
142
+ elementBackground: [string, string, string, string, string];
143
+ };
144
+ } | undefined;
140
145
  allowWheelZoom?: boolean | undefined;
141
146
  allowPinchZoom?: boolean | undefined;
142
147
  pinnedScripts?: string[] | undefined;
@@ -224,7 +229,7 @@ export declare const actionWrapTextInContainer: {
224
229
  value: import("../types").NormalizedZoomValue;
225
230
  }>;
226
231
  openMenu: "canvas" | "shape" | null;
227
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
232
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
228
233
  openSidebar: {
229
234
  name: string;
230
235
  tab?: string | undefined;
@@ -269,11 +274,16 @@ export declare const actionWrapTextInContainer: {
269
274
  showHyperlinkPopup: false | "info" | "editor";
270
275
  linkOpacity: number;
271
276
  trayModeEnabled: boolean;
272
- colorPalette: {
273
- canvasBackground?: string[] | undefined;
274
- elementBackground?: string[] | undefined;
275
- elementStroke?: string[] | undefined;
276
- };
277
+ colorPalette?: {
278
+ canvasBackground: import("../colors").ColorPaletteCustom;
279
+ elementBackground: import("../colors").ColorPaletteCustom;
280
+ elementStroke: import("../colors").ColorPaletteCustom;
281
+ topPicks: {
282
+ canvasBackground: [string, string, string, string, string];
283
+ elementStroke: [string, string, string, string, string];
284
+ elementBackground: [string, string, string, string, string];
285
+ };
286
+ } | undefined;
277
287
  allowWheelZoom?: boolean | undefined;
278
288
  allowPinchZoom?: boolean | undefined;
279
289
  pinnedScripts?: string[] | undefined;
package/types/actions/actionCanvas.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare const actionChangeViewBackgroundColor: {
9
9
  appState: any;
10
10
  commitToHistory: boolean;
11
11
  };
12
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
12
+ PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
13
13
  } & {
14
14
  keyTest?: undefined;
15
15
  };
@@ -48,10 +48,15 @@ export declare const actionClearCanvas: {
48
48
  customType: string;
49
49
  });
50
50
  colorPalette: {
51
- canvasBackground?: string[] | undefined;
52
- elementBackground?: string[] | undefined;
53
- elementStroke?: string[] | undefined;
54
- };
51
+ canvasBackground: import("../colors").ColorPaletteCustom;
52
+ elementBackground: import("../colors").ColorPaletteCustom;
53
+ elementStroke: import("../colors").ColorPaletteCustom;
54
+ topPicks: {
55
+ canvasBackground: [string, string, string, string, string];
56
+ elementStroke: [string, string, string, string, string];
57
+ elementBackground: [string, string, string, string, string];
58
+ };
59
+ } | undefined;
55
60
  trayModeEnabled: boolean;
56
61
  allowPinchZoom: boolean | undefined;
57
62
  allowWheelZoom: boolean | undefined;
@@ -101,7 +106,7 @@ export declare const actionClearCanvas: {
101
106
  value: NormalizedZoomValue;
102
107
  }>;
103
108
  openMenu: "canvas" | "shape" | null;
104
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
109
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
105
110
  openSidebar: {
106
111
  name: string;
107
112
  tab?: string | undefined;
@@ -212,7 +217,7 @@ export declare const actionZoomIn: {
212
217
  isResizing: boolean;
213
218
  isRotating: boolean;
214
219
  openMenu: "canvas" | "shape" | null;
215
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
220
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
216
221
  openSidebar: {
217
222
  name: string;
218
223
  tab?: string | undefined;
@@ -260,11 +265,16 @@ export declare const actionZoomIn: {
260
265
  showHyperlinkPopup: false | "info" | "editor";
261
266
  linkOpacity: number;
262
267
  trayModeEnabled: boolean;
263
- colorPalette: {
264
- canvasBackground?: string[] | undefined;
265
- elementBackground?: string[] | undefined;
266
- elementStroke?: string[] | undefined;
267
- };
268
+ colorPalette?: {
269
+ canvasBackground: import("../colors").ColorPaletteCustom;
270
+ elementBackground: import("../colors").ColorPaletteCustom;
271
+ elementStroke: import("../colors").ColorPaletteCustom;
272
+ topPicks: {
273
+ canvasBackground: [string, string, string, string, string];
274
+ elementStroke: [string, string, string, string, string];
275
+ elementBackground: [string, string, string, string, string];
276
+ };
277
+ } | undefined;
268
278
  allowWheelZoom?: boolean | undefined;
269
279
  allowPinchZoom?: boolean | undefined;
270
280
  pinnedScripts?: string[] | undefined;
@@ -349,7 +359,7 @@ export declare const actionZoomOut: {
349
359
  isResizing: boolean;
350
360
  isRotating: boolean;
351
361
  openMenu: "canvas" | "shape" | null;
352
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
362
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
353
363
  openSidebar: {
354
364
  name: string;
355
365
  tab?: string | undefined;
@@ -397,11 +407,16 @@ export declare const actionZoomOut: {
397
407
  showHyperlinkPopup: false | "info" | "editor";
398
408
  linkOpacity: number;
399
409
  trayModeEnabled: boolean;
400
- colorPalette: {
401
- canvasBackground?: string[] | undefined;
402
- elementBackground?: string[] | undefined;
403
- elementStroke?: string[] | undefined;
404
- };
410
+ colorPalette?: {
411
+ canvasBackground: import("../colors").ColorPaletteCustom;
412
+ elementBackground: import("../colors").ColorPaletteCustom;
413
+ elementStroke: import("../colors").ColorPaletteCustom;
414
+ topPicks: {
415
+ canvasBackground: [string, string, string, string, string];
416
+ elementStroke: [string, string, string, string, string];
417
+ elementBackground: [string, string, string, string, string];
418
+ };
419
+ } | undefined;
405
420
  allowWheelZoom?: boolean | undefined;
406
421
  allowPinchZoom?: boolean | undefined;
407
422
  pinnedScripts?: string[] | undefined;
@@ -486,7 +501,7 @@ export declare const actionResetZoom: {
486
501
  isResizing: boolean;
487
502
  isRotating: boolean;
488
503
  openMenu: "canvas" | "shape" | null;
489
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
504
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
490
505
  openSidebar: {
491
506
  name: string;
492
507
  tab?: string | undefined;
@@ -534,11 +549,16 @@ export declare const actionResetZoom: {
534
549
  showHyperlinkPopup: false | "info" | "editor";
535
550
  linkOpacity: number;
536
551
  trayModeEnabled: boolean;
537
- colorPalette: {
538
- canvasBackground?: string[] | undefined;
539
- elementBackground?: string[] | undefined;
540
- elementStroke?: string[] | undefined;
541
- };
552
+ colorPalette?: {
553
+ canvasBackground: import("../colors").ColorPaletteCustom;
554
+ elementBackground: import("../colors").ColorPaletteCustom;
555
+ elementStroke: import("../colors").ColorPaletteCustom;
556
+ topPicks: {
557
+ canvasBackground: [string, string, string, string, string];
558
+ elementStroke: [string, string, string, string, string];
559
+ elementBackground: [string, string, string, string, string];
560
+ };
561
+ } | undefined;
542
562
  allowWheelZoom?: boolean | undefined;
543
563
  allowPinchZoom?: boolean | undefined;
544
564
  pinnedScripts?: string[] | undefined;
@@ -617,7 +637,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
617
637
  isResizing: boolean;
618
638
  isRotating: boolean;
619
639
  openMenu: "canvas" | "shape" | null;
620
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
640
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
621
641
  openSidebar: {
622
642
  name: string;
623
643
  tab?: string | undefined;
@@ -665,11 +685,16 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
665
685
  showHyperlinkPopup: false | "info" | "editor";
666
686
  linkOpacity: number;
667
687
  trayModeEnabled: boolean;
668
- colorPalette: {
669
- canvasBackground?: string[] | undefined;
670
- elementBackground?: string[] | undefined;
671
- elementStroke?: string[] | undefined;
672
- };
688
+ colorPalette?: {
689
+ canvasBackground: import("../colors").ColorPaletteCustom;
690
+ elementBackground: import("../colors").ColorPaletteCustom;
691
+ elementStroke: import("../colors").ColorPaletteCustom;
692
+ topPicks: {
693
+ canvasBackground: [string, string, string, string, string];
694
+ elementStroke: [string, string, string, string, string];
695
+ elementBackground: [string, string, string, string, string];
696
+ };
697
+ } | undefined;
673
698
  allowWheelZoom?: boolean | undefined;
674
699
  allowPinchZoom?: boolean | undefined;
675
700
  pinnedScripts?: string[] | undefined;
@@ -748,7 +773,7 @@ export declare const actionZoomToSelected: {
748
773
  isResizing: boolean;
749
774
  isRotating: boolean;
750
775
  openMenu: "canvas" | "shape" | null;
751
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
776
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
752
777
  openSidebar: {
753
778
  name: string;
754
779
  tab?: string | undefined;
@@ -796,11 +821,16 @@ export declare const actionZoomToSelected: {
796
821
  showHyperlinkPopup: false | "info" | "editor";
797
822
  linkOpacity: number;
798
823
  trayModeEnabled: boolean;
799
- colorPalette: {
800
- canvasBackground?: string[] | undefined;
801
- elementBackground?: string[] | undefined;
802
- elementStroke?: string[] | undefined;
803
- };
824
+ colorPalette?: {
825
+ canvasBackground: import("../colors").ColorPaletteCustom;
826
+ elementBackground: import("../colors").ColorPaletteCustom;
827
+ elementStroke: import("../colors").ColorPaletteCustom;
828
+ topPicks: {
829
+ canvasBackground: [string, string, string, string, string];
830
+ elementStroke: [string, string, string, string, string];
831
+ elementBackground: [string, string, string, string, string];
832
+ };
833
+ } | undefined;
804
834
  allowWheelZoom?: boolean | undefined;
805
835
  allowPinchZoom?: boolean | undefined;
806
836
  pinnedScripts?: string[] | undefined;
@@ -884,7 +914,7 @@ export declare const actionZoomToFit: {
884
914
  isResizing: boolean;
885
915
  isRotating: boolean;
886
916
  openMenu: "canvas" | "shape" | null;
887
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
917
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
888
918
  openSidebar: {
889
919
  name: string;
890
920
  tab?: string | undefined;
@@ -932,11 +962,16 @@ export declare const actionZoomToFit: {
932
962
  showHyperlinkPopup: false | "info" | "editor";
933
963
  linkOpacity: number;
934
964
  trayModeEnabled: boolean;
935
- colorPalette: {
936
- canvasBackground?: string[] | undefined;
937
- elementBackground?: string[] | undefined;
938
- elementStroke?: string[] | undefined;
939
- };
965
+ colorPalette?: {
966
+ canvasBackground: import("../colors").ColorPaletteCustom;
967
+ elementBackground: import("../colors").ColorPaletteCustom;
968
+ elementStroke: import("../colors").ColorPaletteCustom;
969
+ topPicks: {
970
+ canvasBackground: [string, string, string, string, string];
971
+ elementStroke: [string, string, string, string, string];
972
+ elementBackground: [string, string, string, string, string];
973
+ };
974
+ } | undefined;
940
975
  allowWheelZoom?: boolean | undefined;
941
976
  allowPinchZoom?: boolean | undefined;
942
977
  pinnedScripts?: string[] | undefined;
@@ -1021,7 +1056,7 @@ export declare const actionToggleTheme: {
1021
1056
  value: NormalizedZoomValue;
1022
1057
  }>;
1023
1058
  openMenu: "canvas" | "shape" | null;
1024
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1059
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1025
1060
  openSidebar: {
1026
1061
  name: string;
1027
1062
  tab?: string | undefined;
@@ -1068,11 +1103,16 @@ export declare const actionToggleTheme: {
1068
1103
  showHyperlinkPopup: false | "info" | "editor";
1069
1104
  linkOpacity: number;
1070
1105
  trayModeEnabled: boolean;
1071
- colorPalette: {
1072
- canvasBackground?: string[] | undefined;
1073
- elementBackground?: string[] | undefined;
1074
- elementStroke?: string[] | undefined;
1075
- };
1106
+ colorPalette?: {
1107
+ canvasBackground: import("../colors").ColorPaletteCustom;
1108
+ elementBackground: import("../colors").ColorPaletteCustom;
1109
+ elementStroke: import("../colors").ColorPaletteCustom;
1110
+ topPicks: {
1111
+ canvasBackground: [string, string, string, string, string];
1112
+ elementStroke: [string, string, string, string, string];
1113
+ elementBackground: [string, string, string, string, string];
1114
+ };
1115
+ } | undefined;
1076
1116
  allowWheelZoom?: boolean | undefined;
1077
1117
  allowPinchZoom?: boolean | undefined;
1078
1118
  pinnedScripts?: string[] | undefined;
@@ -1158,7 +1198,7 @@ export declare const actionToggleEraserTool: {
1158
1198
  value: NormalizedZoomValue;
1159
1199
  }>;
1160
1200
  openMenu: "canvas" | "shape" | null;
1161
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1201
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1162
1202
  openSidebar: {
1163
1203
  name: string;
1164
1204
  tab?: string | undefined;
@@ -1200,11 +1240,16 @@ export declare const actionToggleEraserTool: {
1200
1240
  showHyperlinkPopup: false | "info" | "editor";
1201
1241
  linkOpacity: number;
1202
1242
  trayModeEnabled: boolean;
1203
- colorPalette: {
1204
- canvasBackground?: string[] | undefined;
1205
- elementBackground?: string[] | undefined;
1206
- elementStroke?: string[] | undefined;
1207
- };
1243
+ colorPalette?: {
1244
+ canvasBackground: import("../colors").ColorPaletteCustom;
1245
+ elementBackground: import("../colors").ColorPaletteCustom;
1246
+ elementStroke: import("../colors").ColorPaletteCustom;
1247
+ topPicks: {
1248
+ canvasBackground: [string, string, string, string, string];
1249
+ elementStroke: [string, string, string, string, string];
1250
+ elementBackground: [string, string, string, string, string];
1251
+ };
1252
+ } | undefined;
1208
1253
  allowWheelZoom?: boolean | undefined;
1209
1254
  allowPinchZoom?: boolean | undefined;
1210
1255
  pinnedScripts?: string[] | undefined;
@@ -1289,7 +1334,7 @@ export declare const actionToggleHandTool: {
1289
1334
  value: NormalizedZoomValue;
1290
1335
  }>;
1291
1336
  openMenu: "canvas" | "shape" | null;
1292
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1337
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1293
1338
  openSidebar: {
1294
1339
  name: string;
1295
1340
  tab?: string | undefined;
@@ -1331,11 +1376,16 @@ export declare const actionToggleHandTool: {
1331
1376
  showHyperlinkPopup: false | "info" | "editor";
1332
1377
  linkOpacity: number;
1333
1378
  trayModeEnabled: boolean;
1334
- colorPalette: {
1335
- canvasBackground?: string[] | undefined;
1336
- elementBackground?: string[] | undefined;
1337
- elementStroke?: string[] | undefined;
1338
- };
1379
+ colorPalette?: {
1380
+ canvasBackground: import("../colors").ColorPaletteCustom;
1381
+ elementBackground: import("../colors").ColorPaletteCustom;
1382
+ elementStroke: import("../colors").ColorPaletteCustom;
1383
+ topPicks: {
1384
+ canvasBackground: [string, string, string, string, string];
1385
+ elementStroke: [string, string, string, string, string];
1386
+ elementBackground: [string, string, string, string, string];
1387
+ };
1388
+ } | undefined;
1339
1389
  allowWheelZoom?: boolean | undefined;
1340
1390
  allowPinchZoom?: boolean | undefined;
1341
1391
  pinnedScripts?: string[] | undefined;
package/types/actions/actionClipboard.d.ts CHANGED
@@ -93,7 +93,7 @@ export declare const actionCut: {
93
93
  value: import("../types").NormalizedZoomValue;
94
94
  }>;
95
95
  openMenu: "canvas" | "shape" | null;
96
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
96
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
97
97
  openSidebar: {
98
98
  name: string;
99
99
  tab?: string | undefined;
@@ -141,11 +141,16 @@ export declare const actionCut: {
141
141
  showHyperlinkPopup: false | "info" | "editor";
142
142
  linkOpacity: number;
143
143
  trayModeEnabled: boolean;
144
- colorPalette: {
145
- canvasBackground?: string[] | undefined;
146
- elementBackground?: string[] | undefined;
147
- elementStroke?: string[] | undefined;
148
- };
144
+ colorPalette?: {
145
+ canvasBackground: import("../colors").ColorPaletteCustom;
146
+ elementBackground: import("../colors").ColorPaletteCustom;
147
+ elementStroke: import("../colors").ColorPaletteCustom;
148
+ topPicks: {
149
+ canvasBackground: [string, string, string, string, string];
150
+ elementStroke: [string, string, string, string, string];
151
+ elementBackground: [string, string, string, string, string];
152
+ };
153
+ } | undefined;
149
154
  allowWheelZoom?: boolean | undefined;
150
155
  allowPinchZoom?: boolean | undefined;
151
156
  pinnedScripts?: string[] | undefined;
@@ -247,7 +252,7 @@ export declare const actionCut: {
247
252
  value: import("../types").NormalizedZoomValue;
248
253
  }>;
249
254
  openMenu: "canvas" | "shape" | null;
250
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
255
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
251
256
  openSidebar: {
252
257
  name: string;
253
258
  tab?: string | undefined;
@@ -295,11 +300,16 @@ export declare const actionCut: {
295
300
  showHyperlinkPopup: false | "info" | "editor";
296
301
  linkOpacity: number;
297
302
  trayModeEnabled: boolean;
298
- colorPalette: {
299
- canvasBackground?: string[] | undefined;
300
- elementBackground?: string[] | undefined;
301
- elementStroke?: string[] | undefined;
302
- };
303
+ colorPalette?: {
304
+ canvasBackground: import("../colors").ColorPaletteCustom;
305
+ elementBackground: import("../colors").ColorPaletteCustom;
306
+ elementStroke: import("../colors").ColorPaletteCustom;
307
+ topPicks: {
308
+ canvasBackground: [string, string, string, string, string];
309
+ elementStroke: [string, string, string, string, string];
310
+ elementBackground: [string, string, string, string, string];
311
+ };
312
+ } | undefined;
303
313
  allowWheelZoom?: boolean | undefined;
304
314
  allowPinchZoom?: boolean | undefined;
305
315
  pinnedScripts?: string[] | undefined;
@@ -374,7 +384,7 @@ export declare const actionCut: {
374
384
  value: import("../types").NormalizedZoomValue;
375
385
  }>;
376
386
  openMenu: "canvas" | "shape" | null;
377
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
387
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
378
388
  openSidebar: {
379
389
  name: string;
380
390
  tab?: string | undefined;
@@ -419,11 +429,16 @@ export declare const actionCut: {
419
429
  showHyperlinkPopup: false | "info" | "editor";
420
430
  linkOpacity: number;
421
431
  trayModeEnabled: boolean;
422
- colorPalette: {
423
- canvasBackground?: string[] | undefined;
424
- elementBackground?: string[] | undefined;
425
- elementStroke?: string[] | undefined;
426
- };
432
+ colorPalette?: {
433
+ canvasBackground: import("../colors").ColorPaletteCustom;
434
+ elementBackground: import("../colors").ColorPaletteCustom;
435
+ elementStroke: import("../colors").ColorPaletteCustom;
436
+ topPicks: {
437
+ canvasBackground: [string, string, string, string, string];
438
+ elementStroke: [string, string, string, string, string];
439
+ elementBackground: [string, string, string, string, string];
440
+ };
441
+ } | undefined;
427
442
  allowWheelZoom?: boolean | undefined;
428
443
  allowPinchZoom?: boolean | undefined;
429
444
  pinnedScripts?: string[] | undefined;
@@ -511,7 +526,7 @@ export declare const actionCopyAsSvg: {
511
526
  value: import("../types").NormalizedZoomValue;
512
527
  }>;
513
528
  openMenu: "canvas" | "shape" | null;
514
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
529
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
515
530
  openSidebar: {
516
531
  name: string;
517
532
  tab?: string | undefined;
@@ -559,11 +574,16 @@ export declare const actionCopyAsSvg: {
559
574
  showHyperlinkPopup: false | "info" | "editor";
560
575
  linkOpacity: number;
561
576
  trayModeEnabled: boolean;
562
- colorPalette: {
563
- canvasBackground?: string[] | undefined;
564
- elementBackground?: string[] | undefined;
565
- elementStroke?: string[] | undefined;
566
- };
577
+ colorPalette?: {
578
+ canvasBackground: import("../colors").ColorPaletteCustom;
579
+ elementBackground: import("../colors").ColorPaletteCustom;
580
+ elementStroke: import("../colors").ColorPaletteCustom;
581
+ topPicks: {
582
+ canvasBackground: [string, string, string, string, string];
583
+ elementStroke: [string, string, string, string, string];
584
+ elementBackground: [string, string, string, string, string];
585
+ };
586
+ } | undefined;
567
587
  allowWheelZoom?: boolean | undefined;
568
588
  allowPinchZoom?: boolean | undefined;
569
589
  pinnedScripts?: string[] | undefined;
@@ -650,7 +670,7 @@ export declare const actionCopyAsPng: {
650
670
  value: import("../types").NormalizedZoomValue;
651
671
  }>;
652
672
  openMenu: "canvas" | "shape" | null;
653
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
673
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
654
674
  openSidebar: {
655
675
  name: string;
656
676
  tab?: string | undefined;
@@ -698,11 +718,16 @@ export declare const actionCopyAsPng: {
698
718
  showHyperlinkPopup: false | "info" | "editor";
699
719
  linkOpacity: number;
700
720
  trayModeEnabled: boolean;
701
- colorPalette: {
702
- canvasBackground?: string[] | undefined;
703
- elementBackground?: string[] | undefined;
704
- elementStroke?: string[] | undefined;
705
- };
721
+ colorPalette?: {
722
+ canvasBackground: import("../colors").ColorPaletteCustom;
723
+ elementBackground: import("../colors").ColorPaletteCustom;
724
+ elementStroke: import("../colors").ColorPaletteCustom;
725
+ topPicks: {
726
+ canvasBackground: [string, string, string, string, string];
727
+ elementStroke: [string, string, string, string, string];
728
+ elementBackground: [string, string, string, string, string];
729
+ };
730
+ } | undefined;
706
731
  allowWheelZoom?: boolean | undefined;
707
732
  allowPinchZoom?: boolean | undefined;
708
733
  pinnedScripts?: string[] | undefined;