@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/types/actions/actionFinalize.d.ts CHANGED
@@ -65,7 +65,7 @@ export declare const actionFinalize: {
65
65
  value: import("../types").NormalizedZoomValue;
66
66
  }>;
67
67
  openMenu: "canvas" | "shape" | null;
68
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
68
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
69
69
  openSidebar: {
70
70
  name: string;
71
71
  tab?: string | undefined;
@@ -113,11 +113,16 @@ export declare const actionFinalize: {
113
113
  showHyperlinkPopup: false | "info" | "editor";
114
114
  linkOpacity: number;
115
115
  trayModeEnabled: boolean;
116
- colorPalette: {
117
- canvasBackground?: string[] | undefined;
118
- elementBackground?: string[] | undefined;
119
- elementStroke?: string[] | undefined;
120
- };
116
+ colorPalette?: {
117
+ canvasBackground: import("../colors").ColorPaletteCustom;
118
+ elementBackground: import("../colors").ColorPaletteCustom;
119
+ elementStroke: import("../colors").ColorPaletteCustom;
120
+ topPicks: {
121
+ canvasBackground: [string, string, string, string, string];
122
+ elementStroke: [string, string, string, string, string];
123
+ elementBackground: [string, string, string, string, string];
124
+ };
125
+ } | undefined;
121
126
  allowWheelZoom?: boolean | undefined;
122
127
  allowPinchZoom?: boolean | undefined;
123
128
  pinnedScripts?: string[] | undefined;
@@ -196,7 +201,7 @@ export declare const actionFinalize: {
196
201
  value: import("../types").NormalizedZoomValue;
197
202
  }>;
198
203
  openMenu: "canvas" | "shape" | null;
199
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
204
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
200
205
  openSidebar: {
201
206
  name: string;
202
207
  tab?: string | undefined;
@@ -240,11 +245,16 @@ export declare const actionFinalize: {
240
245
  showHyperlinkPopup: false | "info" | "editor";
241
246
  linkOpacity: number;
242
247
  trayModeEnabled: boolean;
243
- colorPalette: {
244
- canvasBackground?: string[] | undefined;
245
- elementBackground?: string[] | undefined;
246
- elementStroke?: string[] | undefined;
247
- };
248
+ colorPalette?: {
249
+ canvasBackground: import("../colors").ColorPaletteCustom;
250
+ elementBackground: import("../colors").ColorPaletteCustom;
251
+ elementStroke: import("../colors").ColorPaletteCustom;
252
+ topPicks: {
253
+ canvasBackground: [string, string, string, string, string];
254
+ elementStroke: [string, string, string, string, string];
255
+ elementBackground: [string, string, string, string, string];
256
+ };
257
+ } | undefined;
248
258
  allowWheelZoom?: boolean | undefined;
249
259
  allowPinchZoom?: boolean | undefined;
250
260
  pinnedScripts?: string[] | undefined;
package/types/actions/actionFlip.d.ts CHANGED
@@ -7,13 +7,12 @@ export declare const actionFlipHorizontal: {
7
7
  category: "element";
8
8
  };
9
9
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
10
- elements: readonly ExcalidrawElement[];
10
+ elements: ExcalidrawElement[];
11
11
  appState: Readonly<AppState>;
12
12
  commitToHistory: true;
13
13
  };
14
14
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
15
15
  contextItemLabel: string;
16
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
17
16
  } & {
18
17
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
19
18
  };
@@ -23,13 +22,12 @@ export declare const actionFlipVertical: {
23
22
  category: "element";
24
23
  };
25
24
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>) => {
26
- elements: readonly ExcalidrawElement[];
25
+ elements: ExcalidrawElement[];
27
26
  appState: Readonly<AppState>;
28
27
  commitToHistory: true;
29
28
  };
30
29
  keyTest: (event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean;
31
30
  contextItemLabel: string;
32
- predicate: (elements: readonly ExcalidrawElement[], appState: AppState) => boolean;
33
31
  } & {
34
32
  keyTest?: ((event: KeyboardEvent | import("react").KeyboardEvent<Element>) => boolean) | undefined;
35
33
  };
package/types/actions/actionHistory.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Action } from "./types";
2
2
  import History from "../history";
3
- declare type ActionCreator = (history: History) => Action;
3
+ type ActionCreator = (history: History) => Action;
4
4
  export declare const createUndoAction: ActionCreator;
5
5
  export declare const createRedoAction: ActionCreator;
6
6
  export {};
package/types/actions/actionLinearEditor.d.ts CHANGED
@@ -67,7 +67,7 @@ export declare const actionToggleLinearEditor: {
67
67
  value: import("../types").NormalizedZoomValue;
68
68
  }>;
69
69
  openMenu: "canvas" | "shape" | null;
70
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
70
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
71
71
  openSidebar: {
72
72
  name: string;
73
73
  tab?: string | undefined;
@@ -115,11 +115,16 @@ export declare const actionToggleLinearEditor: {
115
115
  showHyperlinkPopup: false | "info" | "editor";
116
116
  linkOpacity: number;
117
117
  trayModeEnabled: boolean;
118
- colorPalette: {
119
- canvasBackground?: string[] | undefined;
120
- elementBackground?: string[] | undefined;
121
- elementStroke?: string[] | undefined;
122
- };
118
+ colorPalette?: {
119
+ canvasBackground: import("../colors").ColorPaletteCustom;
120
+ elementBackground: import("../colors").ColorPaletteCustom;
121
+ elementStroke: import("../colors").ColorPaletteCustom;
122
+ topPicks: {
123
+ canvasBackground: [string, string, string, string, string];
124
+ elementStroke: [string, string, string, string, string];
125
+ elementBackground: [string, string, string, string, string];
126
+ };
127
+ } | undefined;
123
128
  allowWheelZoom?: boolean | undefined;
124
129
  allowPinchZoom?: boolean | undefined;
125
130
  pinnedScripts?: string[] | undefined;
package/types/actions/actionMenu.d.ts CHANGED
@@ -64,7 +64,7 @@ export declare const actionToggleCanvasMenu: {
64
64
  zoom: Readonly<{
65
65
  value: import("../types").NormalizedZoomValue;
66
66
  }>;
67
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
67
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
68
68
  openSidebar: {
69
69
  name: string;
70
70
  tab?: string | undefined;
@@ -112,11 +112,16 @@ export declare const actionToggleCanvasMenu: {
112
112
  showHyperlinkPopup: false | "info" | "editor";
113
113
  linkOpacity: number;
114
114
  trayModeEnabled: boolean;
115
- colorPalette: {
116
- canvasBackground?: string[] | undefined;
117
- elementBackground?: string[] | undefined;
118
- elementStroke?: string[] | undefined;
119
- };
115
+ colorPalette?: {
116
+ canvasBackground: import("../colors").ColorPaletteCustom;
117
+ elementBackground: import("../colors").ColorPaletteCustom;
118
+ elementStroke: import("../colors").ColorPaletteCustom;
119
+ topPicks: {
120
+ canvasBackground: [string, string, string, string, string];
121
+ elementStroke: [string, string, string, string, string];
122
+ elementBackground: [string, string, string, string, string];
123
+ };
124
+ } | undefined;
120
125
  allowWheelZoom?: boolean | undefined;
121
126
  allowPinchZoom?: boolean | undefined;
122
127
  pinnedScripts?: string[] | undefined;
@@ -199,7 +204,7 @@ export declare const actionToggleEditMenu: {
199
204
  zoom: Readonly<{
200
205
  value: import("../types").NormalizedZoomValue;
201
206
  }>;
202
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
207
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
203
208
  openSidebar: {
204
209
  name: string;
205
210
  tab?: string | undefined;
@@ -247,11 +252,16 @@ export declare const actionToggleEditMenu: {
247
252
  showHyperlinkPopup: false | "info" | "editor";
248
253
  linkOpacity: number;
249
254
  trayModeEnabled: boolean;
250
- colorPalette: {
251
- canvasBackground?: string[] | undefined;
252
- elementBackground?: string[] | undefined;
253
- elementStroke?: string[] | undefined;
254
- };
255
+ colorPalette?: {
256
+ canvasBackground: import("../colors").ColorPaletteCustom;
257
+ elementBackground: import("../colors").ColorPaletteCustom;
258
+ elementStroke: import("../colors").ColorPaletteCustom;
259
+ topPicks: {
260
+ canvasBackground: [string, string, string, string, string];
261
+ elementStroke: [string, string, string, string, string];
262
+ elementBackground: [string, string, string, string, string];
263
+ };
264
+ } | undefined;
255
265
  allowWheelZoom?: boolean | undefined;
256
266
  allowPinchZoom?: boolean | undefined;
257
267
  pinnedScripts?: string[] | undefined;
@@ -351,7 +361,7 @@ export declare const actionShortcuts: {
351
361
  value: import("../types").NormalizedZoomValue;
352
362
  }>;
353
363
  openMenu: "canvas" | "shape" | null;
354
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
364
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
355
365
  openSidebar: {
356
366
  name: string;
357
367
  tab?: string | undefined;
@@ -398,11 +408,16 @@ export declare const actionShortcuts: {
398
408
  showHyperlinkPopup: false | "info" | "editor";
399
409
  linkOpacity: number;
400
410
  trayModeEnabled: boolean;
401
- colorPalette: {
402
- canvasBackground?: string[] | undefined;
403
- elementBackground?: string[] | undefined;
404
- elementStroke?: string[] | undefined;
405
- };
411
+ colorPalette?: {
412
+ canvasBackground: import("../colors").ColorPaletteCustom;
413
+ elementBackground: import("../colors").ColorPaletteCustom;
414
+ elementStroke: import("../colors").ColorPaletteCustom;
415
+ topPicks: {
416
+ canvasBackground: [string, string, string, string, string];
417
+ elementStroke: [string, string, string, string, string];
418
+ elementBackground: [string, string, string, string, string];
419
+ };
420
+ } | undefined;
406
421
  allowWheelZoom?: boolean | undefined;
407
422
  allowPinchZoom?: boolean | undefined;
408
423
  pinnedScripts?: string[] | undefined;
package/types/actions/actionProperties.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const actionChangeStrokeColor: {
5
5
  name: "changeStrokeColor";
6
6
  trackEvent: false;
7
7
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
8
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
8
+ PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
9
9
  } & {
10
10
  keyTest?: undefined;
11
11
  };
@@ -13,7 +13,7 @@ export declare const actionChangeBackgroundColor: {
13
13
  name: "changeBackgroundColor";
14
14
  trackEvent: false;
15
15
  perform: (elements: readonly ExcalidrawElement[], appState: Readonly<AppState>, value: any) => any;
16
- PanelComponent: ({ elements, appState, updateData }: import("./types").PanelComponentProps) => JSX.Element;
16
+ PanelComponent: ({ elements, appState, updateData, appProps }: import("./types").PanelComponentProps) => JSX.Element;
17
17
  } & {
18
18
  keyTest?: undefined;
19
19
  };
@@ -81,7 +81,7 @@ export declare const actionChangeFillStyle: {
81
81
  value: import("../../src/types").NormalizedZoomValue;
82
82
  }>;
83
83
  openMenu: "canvas" | "shape" | null;
84
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
84
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
85
85
  openSidebar: {
86
86
  name: string;
87
87
  tab?: string | undefined;
@@ -129,11 +129,16 @@ export declare const actionChangeFillStyle: {
129
129
  showHyperlinkPopup: false | "info" | "editor";
130
130
  linkOpacity: number;
131
131
  trayModeEnabled: boolean;
132
- colorPalette: {
133
- canvasBackground?: string[] | undefined;
134
- elementBackground?: string[] | undefined;
135
- elementStroke?: string[] | undefined;
136
- };
132
+ colorPalette?: {
133
+ canvasBackground: import("../colors").ColorPaletteCustom;
134
+ elementBackground: import("../colors").ColorPaletteCustom;
135
+ elementStroke: import("../colors").ColorPaletteCustom;
136
+ topPicks: {
137
+ canvasBackground: [string, string, string, string, string];
138
+ elementStroke: [string, string, string, string, string];
139
+ elementBackground: [string, string, string, string, string];
140
+ };
141
+ } | undefined;
137
142
  allowWheelZoom?: boolean | undefined;
138
143
  allowPinchZoom?: boolean | undefined;
139
144
  pinnedScripts?: string[] | undefined;
@@ -215,7 +220,7 @@ export declare const actionChangeStrokeWidth: {
215
220
  value: import("../../src/types").NormalizedZoomValue;
216
221
  }>;
217
222
  openMenu: "canvas" | "shape" | null;
218
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
223
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
219
224
  openSidebar: {
220
225
  name: string;
221
226
  tab?: string | undefined;
@@ -263,11 +268,16 @@ export declare const actionChangeStrokeWidth: {
263
268
  showHyperlinkPopup: false | "info" | "editor";
264
269
  linkOpacity: number;
265
270
  trayModeEnabled: boolean;
266
- colorPalette: {
267
- canvasBackground?: string[] | undefined;
268
- elementBackground?: string[] | undefined;
269
- elementStroke?: string[] | undefined;
270
- };
271
+ colorPalette?: {
272
+ canvasBackground: import("../colors").ColorPaletteCustom;
273
+ elementBackground: import("../colors").ColorPaletteCustom;
274
+ elementStroke: import("../colors").ColorPaletteCustom;
275
+ topPicks: {
276
+ canvasBackground: [string, string, string, string, string];
277
+ elementStroke: [string, string, string, string, string];
278
+ elementBackground: [string, string, string, string, string];
279
+ };
280
+ } | undefined;
271
281
  allowWheelZoom?: boolean | undefined;
272
282
  allowPinchZoom?: boolean | undefined;
273
283
  pinnedScripts?: string[] | undefined;
@@ -349,7 +359,7 @@ export declare const actionChangeSloppiness: {
349
359
  value: import("../../src/types").NormalizedZoomValue;
350
360
  }>;
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 actionChangeSloppiness: {
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;
@@ -483,7 +498,7 @@ export declare const actionChangeStrokeStyle: {
483
498
  value: import("../../src/types").NormalizedZoomValue;
484
499
  }>;
485
500
  openMenu: "canvas" | "shape" | null;
486
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
501
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
487
502
  openSidebar: {
488
503
  name: string;
489
504
  tab?: string | undefined;
@@ -531,11 +546,16 @@ export declare const actionChangeStrokeStyle: {
531
546
  showHyperlinkPopup: false | "info" | "editor";
532
547
  linkOpacity: number;
533
548
  trayModeEnabled: boolean;
534
- colorPalette: {
535
- canvasBackground?: string[] | undefined;
536
- elementBackground?: string[] | undefined;
537
- elementStroke?: string[] | undefined;
538
- };
549
+ colorPalette?: {
550
+ canvasBackground: import("../colors").ColorPaletteCustom;
551
+ elementBackground: import("../colors").ColorPaletteCustom;
552
+ elementStroke: import("../colors").ColorPaletteCustom;
553
+ topPicks: {
554
+ canvasBackground: [string, string, string, string, string];
555
+ elementStroke: [string, string, string, string, string];
556
+ elementBackground: [string, string, string, string, string];
557
+ };
558
+ } | undefined;
539
559
  allowWheelZoom?: boolean | undefined;
540
560
  allowPinchZoom?: boolean | undefined;
541
561
  pinnedScripts?: string[] | undefined;
@@ -617,7 +637,7 @@ export declare const actionChangeOpacity: {
617
637
  value: import("../../src/types").NormalizedZoomValue;
618
638
  }>;
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 actionChangeOpacity: {
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;
@@ -751,7 +776,7 @@ export declare const actionChangeFontSize: {
751
776
  value: import("../../src/types").NormalizedZoomValue;
752
777
  }>;
753
778
  openMenu: "canvas" | "shape" | null;
754
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
779
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
755
780
  openSidebar: {
756
781
  name: string;
757
782
  tab?: string | undefined;
@@ -799,11 +824,16 @@ export declare const actionChangeFontSize: {
799
824
  showHyperlinkPopup: false | "info" | "editor";
800
825
  linkOpacity: number;
801
826
  trayModeEnabled: boolean;
802
- colorPalette: {
803
- canvasBackground?: string[] | undefined;
804
- elementBackground?: string[] | undefined;
805
- elementStroke?: string[] | undefined;
806
- };
827
+ colorPalette?: {
828
+ canvasBackground: import("../colors").ColorPaletteCustom;
829
+ elementBackground: import("../colors").ColorPaletteCustom;
830
+ elementStroke: import("../colors").ColorPaletteCustom;
831
+ topPicks: {
832
+ canvasBackground: [string, string, string, string, string];
833
+ elementStroke: [string, string, string, string, string];
834
+ elementBackground: [string, string, string, string, string];
835
+ };
836
+ } | undefined;
807
837
  allowWheelZoom?: boolean | undefined;
808
838
  allowPinchZoom?: boolean | undefined;
809
839
  pinnedScripts?: string[] | undefined;
@@ -885,7 +915,7 @@ export declare const actionDecreaseFontSize: {
885
915
  value: import("../../src/types").NormalizedZoomValue;
886
916
  }>;
887
917
  openMenu: "canvas" | "shape" | null;
888
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
918
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
889
919
  openSidebar: {
890
920
  name: string;
891
921
  tab?: string | undefined;
@@ -933,11 +963,16 @@ export declare const actionDecreaseFontSize: {
933
963
  showHyperlinkPopup: false | "info" | "editor";
934
964
  linkOpacity: number;
935
965
  trayModeEnabled: boolean;
936
- colorPalette: {
937
- canvasBackground?: string[] | undefined;
938
- elementBackground?: string[] | undefined;
939
- elementStroke?: string[] | undefined;
940
- };
966
+ colorPalette?: {
967
+ canvasBackground: import("../colors").ColorPaletteCustom;
968
+ elementBackground: import("../colors").ColorPaletteCustom;
969
+ elementStroke: import("../colors").ColorPaletteCustom;
970
+ topPicks: {
971
+ canvasBackground: [string, string, string, string, string];
972
+ elementStroke: [string, string, string, string, string];
973
+ elementBackground: [string, string, string, string, string];
974
+ };
975
+ } | undefined;
941
976
  allowWheelZoom?: boolean | undefined;
942
977
  allowPinchZoom?: boolean | undefined;
943
978
  pinnedScripts?: string[] | undefined;
@@ -1019,7 +1054,7 @@ export declare const actionIncreaseFontSize: {
1019
1054
  value: import("../../src/types").NormalizedZoomValue;
1020
1055
  }>;
1021
1056
  openMenu: "canvas" | "shape" | null;
1022
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1057
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1023
1058
  openSidebar: {
1024
1059
  name: string;
1025
1060
  tab?: string | undefined;
@@ -1067,11 +1102,16 @@ export declare const actionIncreaseFontSize: {
1067
1102
  showHyperlinkPopup: false | "info" | "editor";
1068
1103
  linkOpacity: number;
1069
1104
  trayModeEnabled: boolean;
1070
- colorPalette: {
1071
- canvasBackground?: string[] | undefined;
1072
- elementBackground?: string[] | undefined;
1073
- elementStroke?: string[] | undefined;
1074
- };
1105
+ colorPalette?: {
1106
+ canvasBackground: import("../colors").ColorPaletteCustom;
1107
+ elementBackground: import("../colors").ColorPaletteCustom;
1108
+ elementStroke: import("../colors").ColorPaletteCustom;
1109
+ topPicks: {
1110
+ canvasBackground: [string, string, string, string, string];
1111
+ elementStroke: [string, string, string, string, string];
1112
+ elementBackground: [string, string, string, string, string];
1113
+ };
1114
+ } | undefined;
1075
1115
  allowWheelZoom?: boolean | undefined;
1076
1116
  allowPinchZoom?: boolean | undefined;
1077
1117
  pinnedScripts?: string[] | undefined;
@@ -1153,7 +1193,7 @@ export declare const actionChangeFontFamily: {
1153
1193
  value: import("../../src/types").NormalizedZoomValue;
1154
1194
  }>;
1155
1195
  openMenu: "canvas" | "shape" | null;
1156
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1196
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1157
1197
  openSidebar: {
1158
1198
  name: string;
1159
1199
  tab?: string | undefined;
@@ -1201,11 +1241,16 @@ export declare const actionChangeFontFamily: {
1201
1241
  showHyperlinkPopup: false | "info" | "editor";
1202
1242
  linkOpacity: number;
1203
1243
  trayModeEnabled: boolean;
1204
- colorPalette: {
1205
- canvasBackground?: string[] | undefined;
1206
- elementBackground?: string[] | undefined;
1207
- elementStroke?: string[] | undefined;
1208
- };
1244
+ colorPalette?: {
1245
+ canvasBackground: import("../colors").ColorPaletteCustom;
1246
+ elementBackground: import("../colors").ColorPaletteCustom;
1247
+ elementStroke: import("../colors").ColorPaletteCustom;
1248
+ topPicks: {
1249
+ canvasBackground: [string, string, string, string, string];
1250
+ elementStroke: [string, string, string, string, string];
1251
+ elementBackground: [string, string, string, string, string];
1252
+ };
1253
+ } | undefined;
1209
1254
  allowWheelZoom?: boolean | undefined;
1210
1255
  allowPinchZoom?: boolean | undefined;
1211
1256
  pinnedScripts?: string[] | undefined;
@@ -1287,7 +1332,7 @@ export declare const actionChangeTextAlign: {
1287
1332
  value: import("../../src/types").NormalizedZoomValue;
1288
1333
  }>;
1289
1334
  openMenu: "canvas" | "shape" | null;
1290
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1335
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1291
1336
  openSidebar: {
1292
1337
  name: string;
1293
1338
  tab?: string | undefined;
@@ -1335,11 +1380,16 @@ export declare const actionChangeTextAlign: {
1335
1380
  showHyperlinkPopup: false | "info" | "editor";
1336
1381
  linkOpacity: number;
1337
1382
  trayModeEnabled: boolean;
1338
- colorPalette: {
1339
- canvasBackground?: string[] | undefined;
1340
- elementBackground?: string[] | undefined;
1341
- elementStroke?: string[] | undefined;
1342
- };
1383
+ colorPalette?: {
1384
+ canvasBackground: import("../colors").ColorPaletteCustom;
1385
+ elementBackground: import("../colors").ColorPaletteCustom;
1386
+ elementStroke: import("../colors").ColorPaletteCustom;
1387
+ topPicks: {
1388
+ canvasBackground: [string, string, string, string, string];
1389
+ elementStroke: [string, string, string, string, string];
1390
+ elementBackground: [string, string, string, string, string];
1391
+ };
1392
+ } | undefined;
1343
1393
  allowWheelZoom?: boolean | undefined;
1344
1394
  allowPinchZoom?: boolean | undefined;
1345
1395
  pinnedScripts?: string[] | undefined;
@@ -1423,7 +1473,7 @@ export declare const actionChangeVerticalAlign: {
1423
1473
  value: import("../../src/types").NormalizedZoomValue;
1424
1474
  }>;
1425
1475
  openMenu: "canvas" | "shape" | null;
1426
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1476
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1427
1477
  openSidebar: {
1428
1478
  name: string;
1429
1479
  tab?: string | undefined;
@@ -1471,11 +1521,16 @@ export declare const actionChangeVerticalAlign: {
1471
1521
  showHyperlinkPopup: false | "info" | "editor";
1472
1522
  linkOpacity: number;
1473
1523
  trayModeEnabled: boolean;
1474
- colorPalette: {
1475
- canvasBackground?: string[] | undefined;
1476
- elementBackground?: string[] | undefined;
1477
- elementStroke?: string[] | undefined;
1478
- };
1524
+ colorPalette?: {
1525
+ canvasBackground: import("../colors").ColorPaletteCustom;
1526
+ elementBackground: import("../colors").ColorPaletteCustom;
1527
+ elementStroke: import("../colors").ColorPaletteCustom;
1528
+ topPicks: {
1529
+ canvasBackground: [string, string, string, string, string];
1530
+ elementStroke: [string, string, string, string, string];
1531
+ elementBackground: [string, string, string, string, string];
1532
+ };
1533
+ } | undefined;
1479
1534
  allowWheelZoom?: boolean | undefined;
1480
1535
  allowPinchZoom?: boolean | undefined;
1481
1536
  pinnedScripts?: string[] | undefined;
@@ -1557,7 +1612,7 @@ export declare const actionChangeRoundness: {
1557
1612
  value: import("../../src/types").NormalizedZoomValue;
1558
1613
  }>;
1559
1614
  openMenu: "canvas" | "shape" | null;
1560
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1615
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1561
1616
  openSidebar: {
1562
1617
  name: string;
1563
1618
  tab?: string | undefined;
@@ -1605,11 +1660,16 @@ export declare const actionChangeRoundness: {
1605
1660
  showHyperlinkPopup: false | "info" | "editor";
1606
1661
  linkOpacity: number;
1607
1662
  trayModeEnabled: boolean;
1608
- colorPalette: {
1609
- canvasBackground?: string[] | undefined;
1610
- elementBackground?: string[] | undefined;
1611
- elementStroke?: string[] | undefined;
1612
- };
1663
+ colorPalette?: {
1664
+ canvasBackground: import("../colors").ColorPaletteCustom;
1665
+ elementBackground: import("../colors").ColorPaletteCustom;
1666
+ elementStroke: import("../colors").ColorPaletteCustom;
1667
+ topPicks: {
1668
+ canvasBackground: [string, string, string, string, string];
1669
+ elementStroke: [string, string, string, string, string];
1670
+ elementBackground: [string, string, string, string, string];
1671
+ };
1672
+ } | undefined;
1613
1673
  allowWheelZoom?: boolean | undefined;
1614
1674
  allowPinchZoom?: boolean | undefined;
1615
1675
  pinnedScripts?: string[] | undefined;
@@ -1694,7 +1754,7 @@ export declare const actionChangeArrowhead: {
1694
1754
  value: import("../../src/types").NormalizedZoomValue;
1695
1755
  }>;
1696
1756
  openMenu: "canvas" | "shape" | null;
1697
- openPopup: "canvasColorPicker" | "backgroundColorPicker" | "strokeColorPicker" | null;
1757
+ openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | null;
1698
1758
  openSidebar: {
1699
1759
  name: string;
1700
1760
  tab?: string | undefined;
@@ -1742,11 +1802,16 @@ export declare const actionChangeArrowhead: {
1742
1802
  showHyperlinkPopup: false | "info" | "editor";
1743
1803
  linkOpacity: number;
1744
1804
  trayModeEnabled: boolean;
1745
- colorPalette: {
1746
- canvasBackground?: string[] | undefined;
1747
- elementBackground?: string[] | undefined;
1748
- elementStroke?: string[] | undefined;
1749
- };
1805
+ colorPalette?: {
1806
+ canvasBackground: import("../colors").ColorPaletteCustom;
1807
+ elementBackground: import("../colors").ColorPaletteCustom;
1808
+ elementStroke: import("../colors").ColorPaletteCustom;
1809
+ topPicks: {
1810
+ canvasBackground: [string, string, string, string, string];
1811
+ elementStroke: [string, string, string, string, string];
1812
+ elementBackground: [string, string, string, string, string];
1813
+ };
1814
+ } | undefined;
1750
1815
  allowWheelZoom?: boolean | undefined;
1751
1816
  allowPinchZoom?: boolean | undefined;
1752
1817
  pinnedScripts?: string[] | undefined;