@zsviczian/excalidraw 0.17.1-obsidian-15 → 0.17.1-obsidian-16

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 (62) hide show
  1. package/dist/excalidraw.development.js +105 -83
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/dist/styles.development.css +405 -357
  4. package/dist/styles.production.css +12 -12
  5. package/package.json +1 -1
  6. package/types/excalidraw/actions/actionAddToLibrary.d.ts +6 -6
  7. package/types/excalidraw/actions/actionBoundText.d.ts +4 -4
  8. package/types/excalidraw/actions/actionCanvas.d.ts +28 -28
  9. package/types/excalidraw/actions/actionClipboard.d.ts +14 -14
  10. package/types/excalidraw/actions/actionDeleteSelected.d.ts +7 -7
  11. package/types/excalidraw/actions/actionDuplicateSelection.d.ts +1 -1
  12. package/types/excalidraw/actions/actionElementLock.d.ts +4 -4
  13. package/types/excalidraw/actions/actionExport.d.ts +18 -18
  14. package/types/excalidraw/actions/actionFinalize.d.ts +4 -4
  15. package/types/excalidraw/actions/actionFrame.d.ts +6 -6
  16. package/types/excalidraw/actions/actionGroup.d.ts +4 -4
  17. package/types/excalidraw/actions/actionLinearEditor.d.ts +2 -2
  18. package/types/excalidraw/actions/actionLink.d.ts +197 -0
  19. package/types/excalidraw/actions/actionMenu.d.ts +6 -6
  20. package/types/excalidraw/actions/actionNavigate.d.ts +4 -4
  21. package/types/excalidraw/actions/actionProperties.d.ts +26 -26
  22. package/types/excalidraw/actions/actionSelectAll.d.ts +2 -2
  23. package/types/excalidraw/actions/actionStyles.d.ts +2 -2
  24. package/types/excalidraw/actions/actionToggleGridMode.d.ts +2 -2
  25. package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +2 -2
  26. package/types/excalidraw/actions/actionToggleStats.d.ts +2 -2
  27. package/types/excalidraw/actions/actionToggleViewMode.d.ts +2 -2
  28. package/types/excalidraw/actions/actionToggleZenMode.d.ts +2 -2
  29. package/types/excalidraw/actions/index.d.ts +1 -1
  30. package/types/excalidraw/appState.d.ts +1 -1
  31. package/types/excalidraw/components/App.d.ts +3 -0
  32. package/types/excalidraw/components/Button.d.ts +1 -0
  33. package/types/excalidraw/components/FilledButton.d.ts +2 -2
  34. package/types/excalidraw/components/ImageExportDialog.d.ts +2 -1
  35. package/types/excalidraw/components/ProjectName.d.ts +0 -1
  36. package/types/excalidraw/components/TextField.d.ts +5 -2
  37. package/types/excalidraw/components/hyperlink/Hyperlink.d.ts +18 -0
  38. package/types/excalidraw/components/hyperlink/helpers.d.ts +7 -0
  39. package/types/excalidraw/constants.d.ts +5 -0
  40. package/types/excalidraw/data/filesystem.d.ts +1 -1
  41. package/types/excalidraw/data/index.d.ts +2 -1
  42. package/types/excalidraw/data/json.d.ts +1 -1
  43. package/types/excalidraw/data/resave.d.ts +1 -1
  44. package/types/excalidraw/element/ElementCanvasButtons.d.ts +3 -2
  45. package/types/excalidraw/element/binding.d.ts +9 -9
  46. package/types/excalidraw/element/bounds.d.ts +6 -6
  47. package/types/excalidraw/element/collision.d.ts +8 -8
  48. package/types/excalidraw/element/embeddable.d.ts +2 -2
  49. package/types/excalidraw/element/linearElementEditor.d.ts +30 -30
  50. package/types/excalidraw/element/newElement.d.ts +4 -4
  51. package/types/excalidraw/element/resizeElements.d.ts +1 -1
  52. package/types/excalidraw/element/resizeTest.d.ts +3 -3
  53. package/types/excalidraw/element/sizeHelpers.d.ts +2 -2
  54. package/types/excalidraw/element/textElement.d.ts +5 -5
  55. package/types/excalidraw/element/transformHandles.d.ts +2 -2
  56. package/types/excalidraw/frame.d.ts +11 -11
  57. package/types/excalidraw/history.d.ts +1 -1
  58. package/types/excalidraw/scene/Scene.d.ts +2 -7
  59. package/types/excalidraw/scene/scrollbars.d.ts +3 -2
  60. package/types/excalidraw/scene/selection.d.ts +3 -3
  61. package/types/excalidraw/snapping.d.ts +7 -7
  62. package/types/excalidraw/types.d.ts +5 -3
@@ -82,317 +82,6 @@
82
82
  stroke-dashoffset: -280;
83
83
  }
84
84
  }
85
- /*!*****************************************************************************************************************************************************************************************************!*\
86
- !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ToolIcon.scss ***!
87
- \*****************************************************************************************************************************************************************************************************/
88
- :export {
89
- themeFilter: invert(93%) hue-rotate(180deg);
90
- rightSidebarWidth: 302px;
91
- }
92
-
93
- .excalidraw .ToolIcon {
94
- border-radius: var(--border-radius-lg);
95
- display: inline-flex;
96
- align-items: center;
97
- position: relative;
98
- cursor: pointer;
99
- -webkit-tap-highlight-color: transparent;
100
- -webkit-user-select: none;
101
- user-select: none;
102
- }
103
- .excalidraw .ToolIcon__hidden {
104
- display: none !important;
105
- }
106
- .excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked + .ToolIcon__icon,
107
- .excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked + .ToolIcon__icon {
108
- --icon-fill-color: var(--color-on-primary-container);
109
- }
110
- .excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked + .ToolIcon__icon svg,
111
- .excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked + .ToolIcon__icon svg {
112
- fill: var(--icon-fill-color);
113
- }
114
- .excalidraw .ToolIcon .ToolIcon_type_radio:checked + .ToolIcon__icon,
115
- .excalidraw .ToolIcon .ToolIcon_type_checkbox:checked + .ToolIcon__icon {
116
- background: var(--color-surface-primary-container);
117
- --keybinding-color: var(--color-on-primary-container);
118
- --icon-fill-color: var(--color-on-primary-container);
119
- }
120
- .excalidraw .ToolIcon .ToolIcon_type_radio:checked + .ToolIcon__icon svg,
121
- .excalidraw .ToolIcon .ToolIcon_type_checkbox:checked + .ToolIcon__icon svg {
122
- color: var(--color-on-primary-container);
123
- }
124
- .excalidraw .ToolIcon .ToolIcon__keybinding {
125
- bottom: 4px;
126
- right: 4px;
127
- }
128
- .excalidraw .ToolIcon .ToolIcon__icon:hover {
129
- background: var(--button-hover-bg);
130
- }
131
- .excalidraw .ToolIcon .ToolIcon__icon:active {
132
- background: var(--button-hover-bg);
133
- border: 1px solid var(--button-active-border);
134
- }
135
- .excalidraw .ToolIcon .ToolIcon__icon:active svg {
136
- color: var(--color-on-primary-container);
137
- }
138
- .excalidraw .ToolIcon--plain {
139
- background-color: transparent;
140
- }
141
- .excalidraw .ToolIcon--plain .ToolIcon__icon {
142
- width: 2rem;
143
- height: 2rem;
144
- }
145
- .excalidraw .ToolIcon_type_radio,
146
- .excalidraw .ToolIcon_type_checkbox {
147
- position: absolute;
148
- opacity: 0;
149
- pointer-events: none;
150
- }
151
- .excalidraw .ToolIcon__icon {
152
- box-sizing: border-box;
153
- width: var(--default-button-size);
154
- height: var(--default-button-size);
155
- color: var(--icon-fill-color);
156
- display: flex;
157
- justify-content: center;
158
- align-items: center;
159
- border-radius: var(--border-radius-lg);
160
- }
161
- .excalidraw .ToolIcon__icon + .ToolIcon__label {
162
- margin-inline-start: 0;
163
- }
164
- .excalidraw .ToolIcon__icon svg {
165
- position: relative;
166
- width: var(--default-icon-size);
167
- height: var(--default-icon-size);
168
- color: var(--icon-fill-color);
169
- }
170
- .excalidraw .ToolIcon__label {
171
- display: flex;
172
- align-items: center;
173
- color: var(--icon-fill-color);
174
- font-family: var(--ui-font);
175
- margin: 0 0.8em;
176
- text-overflow: ellipsis;
177
- }
178
- .excalidraw .ToolIcon__label .Spinner {
179
- margin-left: 0.6em;
180
- }
181
- .excalidraw .ToolIcon_size_small .ToolIcon__icon {
182
- width: 2rem;
183
- height: 2rem;
184
- font-size: 0.8em;
185
- }
186
- .excalidraw .ToolIcon_type_button,
187
- .excalidraw .Modal .ToolIcon_type_button,
188
- .excalidraw .ToolIcon_type_button {
189
- padding: 0;
190
- border: none;
191
- margin: 0;
192
- font-size: inherit;
193
- background-color: initial;
194
- }
195
- .excalidraw .ToolIcon_type_button:focus-visible,
196
- .excalidraw .Modal .ToolIcon_type_button:focus-visible,
197
- .excalidraw .ToolIcon_type_button:focus-visible {
198
- box-shadow: 0 0 0 2px var(--focus-highlight-color);
199
- }
200
- .excalidraw .ToolIcon_type_button.ToolIcon--selected,
201
- .excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected,
202
- .excalidraw .ToolIcon_type_button.ToolIcon--selected {
203
- background-color: var(--button-gray-2);
204
- }
205
- .excalidraw .ToolIcon_type_button.ToolIcon--selected:active,
206
- .excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,
207
- .excalidraw .ToolIcon_type_button.ToolIcon--selected:active {
208
- background-color: var(--button-gray-3);
209
- }
210
- .excalidraw .ToolIcon_type_button:active,
211
- .excalidraw .Modal .ToolIcon_type_button:active,
212
- .excalidraw .ToolIcon_type_button:active {
213
- background-color: var(--button-gray-3);
214
- }
215
- .excalidraw .ToolIcon_type_button--show,
216
- .excalidraw .Modal .ToolIcon_type_button--show,
217
- .excalidraw .ToolIcon_type_button--show {
218
- visibility: visible;
219
- }
220
- .excalidraw .ToolIcon_type_button--hide,
221
- .excalidraw .Modal .ToolIcon_type_button--hide,
222
- .excalidraw .ToolIcon_type_button--hide {
223
- display: none !important;
224
- }
225
- .excalidraw .ToolIcon_type_floating {
226
- background-color: transparent;
227
- }
228
- .excalidraw .ToolIcon_type_floating:hover {
229
- background-color: transparent;
230
- }
231
- .excalidraw .ToolIcon_type_floating:active {
232
- background-color: transparent;
233
- }
234
- .excalidraw .ToolIcon_type_floating .ToolIcon__icon {
235
- background-color: var(--button-gray-1);
236
- width: 2rem;
237
- height: 2rem;
238
- }
239
- .excalidraw .ToolIcon_type_floating .ToolIcon__icon:hover {
240
- background-color: var(--button-gray-2);
241
- }
242
- .excalidraw .ToolIcon_type_floating .ToolIcon__icon:active {
243
- background-color: var(--button-gray-3);
244
- }
245
- .excalidraw .ToolIcon__keybinding {
246
- position: absolute;
247
- bottom: 2px;
248
- right: 3px;
249
- font-size: 0.625rem;
250
- color: var(--keybinding-color);
251
- font-family: var(--ui-font);
252
- -webkit-user-select: none;
253
- user-select: none;
254
- }
255
- :root[dir=ltr] .excalidraw .unlocked-icon {
256
- left: 2px;
257
- }
258
- :root[dir=rtl] .excalidraw .unlocked-icon {
259
- right: 2px;
260
- }
261
- .excalidraw .App-toolbar-container .ToolIcon__icon {
262
- width: var(--lg-button-size);
263
- height: var(--lg-button-size);
264
- }
265
- @media screen and (max-width: 450px) {
266
- .excalidraw .App-toolbar-container .ToolIcon__icon {
267
- width: 1.8rem;
268
- height: 1.8rem;
269
- }
270
- }
271
- @media screen and (max-width: 379px) {
272
- .excalidraw .App-toolbar-container .ToolIcon__icon {
273
- width: 1.5rem;
274
- height: 1.5rem;
275
- }
276
- }
277
- .excalidraw .App-toolbar-container .ToolIcon__icon svg {
278
- width: var(--lg-icon-size);
279
- height: var(--lg-icon-size);
280
- }
281
- .excalidraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,
282
- .excalidraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon {
283
- width: var(--default-button-size);
284
- height: var(--default-button-size);
285
- }
286
- /*!****************************************************************************************************************************************************************************************************!*\
287
- !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Tooltip.scss ***!
288
- \****************************************************************************************************************************************************************************************************/
289
- :export {
290
- themeFilter: invert(93%) hue-rotate(180deg);
291
- rightSidebarWidth: 302px;
292
- }
293
-
294
- .excalidraw-tooltip {
295
- --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
296
- Roboto, Helvetica, Arial, sans-serif;
297
- font-family: var(--ui-font);
298
- position: absolute;
299
- z-index: var(--zIndex-popup);
300
- padding: 8px;
301
- border-radius: 6px;
302
- box-sizing: border-box;
303
- pointer-events: none;
304
- word-wrap: break-word;
305
- background: #000000;
306
- line-height: 1.5;
307
- text-align: center;
308
- font-size: 13px;
309
- font-weight: 500;
310
- color: #ffffff;
311
- display: none;
312
- }
313
- .excalidraw-tooltip.excalidraw-tooltip--visible {
314
- display: block;
315
- }
316
-
317
- .excalidraw-tooltip-wrapper {
318
- display: flex;
319
- }
320
-
321
- .excalidraw-tooltip-icon {
322
- width: 0.9em;
323
- height: 0.9em;
324
- margin-left: 5px;
325
- margin-top: 1px;
326
- display: flex;
327
- }
328
- .excalidraw--mobile.excalidraw-tooltip-icon {
329
- display: none;
330
- }
331
- /*!***************************************************************************************************************************************************************************************************!*\
332
- !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./element/Hyperlink.scss ***!
333
- \***************************************************************************************************************************************************************************************************/
334
- :export {
335
- themeFilter: invert(93%) hue-rotate(180deg);
336
- rightSidebarWidth: 302px;
337
- }
338
-
339
- .excalidraw-hyperlinkContainer {
340
- display: flex;
341
- align-items: center;
342
- justify-content: space-between;
343
- position: absolute;
344
- box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3);
345
- z-index: var(--zIndex-hyperlinkContainer);
346
- background: var(--island-bg-color);
347
- border-radius: var(--border-radius-md);
348
- box-sizing: border-box;
349
- min-height: 42px;
350
- }
351
- .excalidraw-hyperlinkContainer-input,
352
- .excalidraw-hyperlinkContainer button {
353
- z-index: 100;
354
- }
355
- .excalidraw-hyperlinkContainer-input, .excalidraw-hyperlinkContainer-link {
356
- height: 24px;
357
- padding: 0 8px;
358
- line-height: 24px;
359
- font-size: 0.9rem;
360
- font-weight: 500;
361
- font-family: var(--ui-font);
362
- }
363
- .excalidraw-hyperlinkContainer-input {
364
- width: 18rem;
365
- border: none;
366
- background-color: transparent;
367
- color: var(--text-primary-color);
368
- outline: none;
369
- border: none;
370
- box-shadow: none !important;
371
- }
372
- .excalidraw-hyperlinkContainer-link {
373
- overflow: hidden;
374
- text-overflow: ellipsis;
375
- white-space: nowrap;
376
- max-width: 15rem;
377
- }
378
- .excalidraw-hyperlinkContainer button {
379
- color: #228be6;
380
- background-color: transparent !important;
381
- font-weight: 500;
382
- }
383
- .excalidraw-hyperlinkContainer button.excalidraw-hyperlinkContainer--remove {
384
- color: #c92a2a;
385
- }
386
- .excalidraw-hyperlinkContainer--remove .ToolIcon__icon svg {
387
- color: #fa5252;
388
- }
389
- .excalidraw-hyperlinkContainer .ToolIcon__icon {
390
- width: 2rem;
391
- height: 2rem;
392
- }
393
- .excalidraw-hyperlinkContainer__buttons {
394
- flex: 0 0 auto;
395
- }
396
85
  /*!**************************************************************************************************************************************************************************************************************************!*\
397
86
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/TTDDialog/MermaidToExcalidraw.scss ***!
398
87
  \**************************************************************************************************************************************************************************************************************************/
@@ -623,45 +312,247 @@
623
312
  --color-border-outline-variant: #46464f;
624
313
  --color-surface-primary-container: #403e6a;
625
314
  }
626
-
627
- .excalidraw .excalidraw-button {
628
- display: flex;
629
- justify-content: center;
630
- align-items: center;
631
- padding: 0.625rem;
632
- width: var(--button-width, var(--default-button-size));
633
- height: var(--button-height, var(--default-button-size));
634
- box-sizing: border-box;
635
- border-width: 1px;
636
- border-style: solid;
637
- border-color: var(--button-border, var(--default-border-color));
638
- border-radius: var(--border-radius-lg);
639
- cursor: pointer;
640
- background-color: var(--button-bg, var(--island-bg-color));
641
- color: var(--button-color, var(--color-on-surface));
315
+
316
+ .excalidraw .excalidraw-button {
317
+ display: flex;
318
+ justify-content: center;
319
+ align-items: center;
320
+ padding: 0.625rem;
321
+ width: var(--button-width, var(--default-button-size));
322
+ height: var(--button-height, var(--default-button-size));
323
+ box-sizing: border-box;
324
+ border-width: 1px;
325
+ border-style: solid;
326
+ border-color: var(--button-border, var(--default-border-color));
327
+ border-radius: var(--border-radius-lg);
328
+ cursor: pointer;
329
+ background-color: var(--button-bg, var(--island-bg-color));
330
+ color: var(--button-color, var(--color-on-surface));
331
+ font-family: var(--ui-font);
332
+ }
333
+ .excalidraw .excalidraw-button svg {
334
+ width: var(--button-width, var(--lg-icon-size));
335
+ height: var(--button-height, var(--lg-icon-size));
336
+ }
337
+ .excalidraw .excalidraw-button:hover {
338
+ background-color: var(--button-hover-bg, var(--island-bg-color));
339
+ border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
340
+ color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)));
341
+ }
342
+ .excalidraw .excalidraw-button:active {
343
+ background-color: var(--button-active-bg, var(--island-bg-color));
344
+ border-color: var(--button-active-border, var(--color-primary-darkest));
345
+ }
346
+ .excalidraw .excalidraw-button.active {
347
+ background-color: var(--button-selected-bg, var(--color-surface-primary-container));
348
+ border-color: var(--button-selected-border, var(--color-surface-primary-container));
349
+ }
350
+ .excalidraw .excalidraw-button.active:hover {
351
+ background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container));
352
+ }
353
+ .excalidraw .excalidraw-button.active svg {
354
+ color: var(--button-color, var(--color-on-primary-container));
355
+ }
356
+ /*!*****************************************************************************************************************************************************************************************************!*\
357
+ !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ToolIcon.scss ***!
358
+ \*****************************************************************************************************************************************************************************************************/
359
+ :export {
360
+ themeFilter: invert(93%) hue-rotate(180deg);
361
+ rightSidebarWidth: 302px;
362
+ }
363
+
364
+ .excalidraw .ToolIcon {
365
+ border-radius: var(--border-radius-lg);
366
+ display: inline-flex;
367
+ align-items: center;
368
+ position: relative;
369
+ cursor: pointer;
370
+ -webkit-tap-highlight-color: transparent;
371
+ -webkit-user-select: none;
372
+ user-select: none;
373
+ }
374
+ .excalidraw .ToolIcon__hidden {
375
+ display: none !important;
376
+ }
377
+ .excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked + .ToolIcon__icon,
378
+ .excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked + .ToolIcon__icon {
379
+ --icon-fill-color: var(--color-on-primary-container);
380
+ }
381
+ .excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked + .ToolIcon__icon svg,
382
+ .excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked + .ToolIcon__icon svg {
383
+ fill: var(--icon-fill-color);
384
+ }
385
+ .excalidraw .ToolIcon .ToolIcon_type_radio:checked + .ToolIcon__icon,
386
+ .excalidraw .ToolIcon .ToolIcon_type_checkbox:checked + .ToolIcon__icon {
387
+ background: var(--color-surface-primary-container);
388
+ --keybinding-color: var(--color-on-primary-container);
389
+ --icon-fill-color: var(--color-on-primary-container);
390
+ }
391
+ .excalidraw .ToolIcon .ToolIcon_type_radio:checked + .ToolIcon__icon svg,
392
+ .excalidraw .ToolIcon .ToolIcon_type_checkbox:checked + .ToolIcon__icon svg {
393
+ color: var(--color-on-primary-container);
394
+ }
395
+ .excalidraw .ToolIcon .ToolIcon__keybinding {
396
+ bottom: 4px;
397
+ right: 4px;
398
+ }
399
+ .excalidraw .ToolIcon .ToolIcon__icon:hover {
400
+ background: var(--button-hover-bg);
401
+ }
402
+ .excalidraw .ToolIcon .ToolIcon__icon:active {
403
+ background: var(--button-hover-bg);
404
+ border: 1px solid var(--button-active-border);
405
+ }
406
+ .excalidraw .ToolIcon .ToolIcon__icon:active svg {
407
+ color: var(--color-on-primary-container);
408
+ }
409
+ .excalidraw .ToolIcon--plain {
410
+ background-color: transparent;
411
+ }
412
+ .excalidraw .ToolIcon--plain .ToolIcon__icon {
413
+ width: 2rem;
414
+ height: 2rem;
415
+ }
416
+ .excalidraw .ToolIcon_type_radio,
417
+ .excalidraw .ToolIcon_type_checkbox {
418
+ position: absolute;
419
+ opacity: 0;
420
+ pointer-events: none;
421
+ }
422
+ .excalidraw .ToolIcon__icon {
423
+ box-sizing: border-box;
424
+ width: var(--default-button-size);
425
+ height: var(--default-button-size);
426
+ color: var(--icon-fill-color);
427
+ display: flex;
428
+ justify-content: center;
429
+ align-items: center;
430
+ border-radius: var(--border-radius-lg);
431
+ }
432
+ .excalidraw .ToolIcon__icon + .ToolIcon__label {
433
+ margin-inline-start: 0;
434
+ }
435
+ .excalidraw .ToolIcon__icon svg {
436
+ position: relative;
437
+ width: var(--default-icon-size);
438
+ height: var(--default-icon-size);
439
+ color: var(--icon-fill-color);
440
+ }
441
+ .excalidraw .ToolIcon__label {
442
+ display: flex;
443
+ align-items: center;
444
+ color: var(--icon-fill-color);
445
+ font-family: var(--ui-font);
446
+ margin: 0 0.8em;
447
+ text-overflow: ellipsis;
448
+ }
449
+ .excalidraw .ToolIcon__label .Spinner {
450
+ margin-left: 0.6em;
451
+ }
452
+ .excalidraw .ToolIcon_size_small .ToolIcon__icon {
453
+ width: 2rem;
454
+ height: 2rem;
455
+ font-size: 0.8em;
456
+ }
457
+ .excalidraw .ToolIcon_type_button,
458
+ .excalidraw .Modal .ToolIcon_type_button,
459
+ .excalidraw .ToolIcon_type_button {
460
+ padding: 0;
461
+ border: none;
462
+ margin: 0;
463
+ font-size: inherit;
464
+ background-color: initial;
465
+ }
466
+ .excalidraw .ToolIcon_type_button:focus-visible,
467
+ .excalidraw .Modal .ToolIcon_type_button:focus-visible,
468
+ .excalidraw .ToolIcon_type_button:focus-visible {
469
+ box-shadow: 0 0 0 2px var(--focus-highlight-color);
470
+ }
471
+ .excalidraw .ToolIcon_type_button.ToolIcon--selected,
472
+ .excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected,
473
+ .excalidraw .ToolIcon_type_button.ToolIcon--selected {
474
+ background-color: var(--button-gray-2);
475
+ }
476
+ .excalidraw .ToolIcon_type_button.ToolIcon--selected:active,
477
+ .excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,
478
+ .excalidraw .ToolIcon_type_button.ToolIcon--selected:active {
479
+ background-color: var(--button-gray-3);
480
+ }
481
+ .excalidraw .ToolIcon_type_button:active,
482
+ .excalidraw .Modal .ToolIcon_type_button:active,
483
+ .excalidraw .ToolIcon_type_button:active {
484
+ background-color: var(--button-gray-3);
642
485
  }
643
- .excalidraw .excalidraw-button svg {
644
- width: var(--button-width, var(--lg-icon-size));
645
- height: var(--button-height, var(--lg-icon-size));
486
+ .excalidraw .ToolIcon_type_button--show,
487
+ .excalidraw .Modal .ToolIcon_type_button--show,
488
+ .excalidraw .ToolIcon_type_button--show {
489
+ visibility: visible;
646
490
  }
647
- .excalidraw .excalidraw-button:hover {
648
- background-color: var(--button-hover-bg, var(--island-bg-color));
649
- border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
650
- color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)));
491
+ .excalidraw .ToolIcon_type_button--hide,
492
+ .excalidraw .Modal .ToolIcon_type_button--hide,
493
+ .excalidraw .ToolIcon_type_button--hide {
494
+ display: none !important;
651
495
  }
652
- .excalidraw .excalidraw-button:active {
653
- background-color: var(--button-active-bg, var(--island-bg-color));
654
- border-color: var(--button-active-border, var(--color-primary-darkest));
496
+ .excalidraw .ToolIcon_type_floating {
497
+ background-color: transparent;
655
498
  }
656
- .excalidraw .excalidraw-button.active {
657
- background-color: var(--button-selected-bg, var(--color-surface-primary-container));
658
- border-color: var(--button-selected-border, var(--color-surface-primary-container));
499
+ .excalidraw .ToolIcon_type_floating:hover {
500
+ background-color: transparent;
659
501
  }
660
- .excalidraw .excalidraw-button.active:hover {
661
- background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container));
502
+ .excalidraw .ToolIcon_type_floating:active {
503
+ background-color: transparent;
662
504
  }
663
- .excalidraw .excalidraw-button.active svg {
664
- color: var(--button-color, var(--color-on-primary-container));
505
+ .excalidraw .ToolIcon_type_floating .ToolIcon__icon {
506
+ background-color: var(--button-gray-1);
507
+ width: 2rem;
508
+ height: 2rem;
509
+ }
510
+ .excalidraw .ToolIcon_type_floating .ToolIcon__icon:hover {
511
+ background-color: var(--button-gray-2);
512
+ }
513
+ .excalidraw .ToolIcon_type_floating .ToolIcon__icon:active {
514
+ background-color: var(--button-gray-3);
515
+ }
516
+ .excalidraw .ToolIcon__keybinding {
517
+ position: absolute;
518
+ bottom: 2px;
519
+ right: 3px;
520
+ font-size: 0.625rem;
521
+ color: var(--keybinding-color);
522
+ font-family: var(--ui-font);
523
+ -webkit-user-select: none;
524
+ user-select: none;
525
+ }
526
+ :root[dir=ltr] .excalidraw .unlocked-icon {
527
+ left: 2px;
528
+ }
529
+ :root[dir=rtl] .excalidraw .unlocked-icon {
530
+ right: 2px;
531
+ }
532
+ .excalidraw .App-toolbar-container .ToolIcon__icon {
533
+ width: var(--lg-button-size);
534
+ height: var(--lg-button-size);
535
+ }
536
+ @media screen and (max-width: 450px) {
537
+ .excalidraw .App-toolbar-container .ToolIcon__icon {
538
+ width: 1.8rem;
539
+ height: 1.8rem;
540
+ }
541
+ }
542
+ @media screen and (max-width: 379px) {
543
+ .excalidraw .App-toolbar-container .ToolIcon__icon {
544
+ width: 1.5rem;
545
+ height: 1.5rem;
546
+ }
547
+ }
548
+ .excalidraw .App-toolbar-container .ToolIcon__icon svg {
549
+ width: var(--lg-icon-size);
550
+ height: var(--lg-icon-size);
551
+ }
552
+ .excalidraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,
553
+ .excalidraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon {
554
+ width: var(--default-button-size);
555
+ height: var(--default-button-size);
665
556
  }
666
557
  /*!*******************************************************************************************************************************************************************************************************!*\
667
558
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/EyeDropper.scss ***!
@@ -1040,6 +931,7 @@
1040
931
  cursor: pointer;
1041
932
  background-color: var(--button-bg, var(--island-bg-color));
1042
933
  color: var(--button-color, var(--color-on-surface));
934
+ font-family: var(--ui-font);
1043
935
  background-color: var(--swatch-color) !important;
1044
936
  overflow: hidden;
1045
937
  position: relative;
@@ -1287,6 +1179,51 @@
1287
1179
  .ProjectName .TextInput--readonly:hover {
1288
1180
  background: none;
1289
1181
  }
1182
+ /*!****************************************************************************************************************************************************************************************************!*\
1183
+ !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/Tooltip.scss ***!
1184
+ \****************************************************************************************************************************************************************************************************/
1185
+ :export {
1186
+ themeFilter: invert(93%) hue-rotate(180deg);
1187
+ rightSidebarWidth: 302px;
1188
+ }
1189
+
1190
+ .excalidraw-tooltip {
1191
+ --ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI,
1192
+ Roboto, Helvetica, Arial, sans-serif;
1193
+ font-family: var(--ui-font);
1194
+ position: absolute;
1195
+ z-index: var(--zIndex-popup);
1196
+ padding: 8px;
1197
+ border-radius: 6px;
1198
+ box-sizing: border-box;
1199
+ pointer-events: none;
1200
+ word-wrap: break-word;
1201
+ background: #000000;
1202
+ line-height: 1.5;
1203
+ text-align: center;
1204
+ font-size: 13px;
1205
+ font-weight: 500;
1206
+ color: #ffffff;
1207
+ display: none;
1208
+ }
1209
+ .excalidraw-tooltip.excalidraw-tooltip--visible {
1210
+ display: block;
1211
+ }
1212
+
1213
+ .excalidraw-tooltip-wrapper {
1214
+ display: flex;
1215
+ }
1216
+
1217
+ .excalidraw-tooltip-icon {
1218
+ width: 0.9em;
1219
+ height: 0.9em;
1220
+ margin-left: 5px;
1221
+ margin-top: 1px;
1222
+ display: flex;
1223
+ }
1224
+ .excalidraw--mobile.excalidraw-tooltip-icon {
1225
+ display: none;
1226
+ }
1290
1227
  /*!*********************************************************************************************************************************************************************************************************!*\
1291
1228
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/CheckboxItem.scss ***!
1292
1229
  \*********************************************************************************************************************************************************************************************************/
@@ -1403,6 +1340,71 @@
1403
1340
  .excalidraw .Avatar--is-current-user {
1404
1341
  cursor: auto;
1405
1342
  }
1343
+ /*!****************************************************************************************************************************************************************************************************************!*\
1344
+ !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/hyperlink/Hyperlink.scss ***!
1345
+ \****************************************************************************************************************************************************************************************************************/
1346
+ :export {
1347
+ themeFilter: invert(93%) hue-rotate(180deg);
1348
+ rightSidebarWidth: 302px;
1349
+ }
1350
+
1351
+ .excalidraw-hyperlinkContainer {
1352
+ display: flex;
1353
+ align-items: center;
1354
+ justify-content: space-between;
1355
+ position: absolute;
1356
+ box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3);
1357
+ z-index: var(--zIndex-hyperlinkContainer);
1358
+ background: var(--island-bg-color);
1359
+ border-radius: var(--border-radius-md);
1360
+ box-sizing: border-box;
1361
+ min-height: 42px;
1362
+ }
1363
+ .excalidraw-hyperlinkContainer-input,
1364
+ .excalidraw-hyperlinkContainer button {
1365
+ z-index: 100;
1366
+ }
1367
+ .excalidraw-hyperlinkContainer-input, .excalidraw-hyperlinkContainer-link {
1368
+ height: 24px;
1369
+ padding: 0 8px;
1370
+ line-height: 24px;
1371
+ font-size: 0.9rem;
1372
+ font-weight: 500;
1373
+ font-family: var(--ui-font);
1374
+ }
1375
+ .excalidraw-hyperlinkContainer-input {
1376
+ width: 18rem;
1377
+ border: none;
1378
+ background-color: transparent;
1379
+ color: var(--text-primary-color);
1380
+ outline: none;
1381
+ border: none;
1382
+ box-shadow: none !important;
1383
+ }
1384
+ .excalidraw-hyperlinkContainer-link {
1385
+ overflow: hidden;
1386
+ text-overflow: ellipsis;
1387
+ white-space: nowrap;
1388
+ max-width: 15rem;
1389
+ }
1390
+ .excalidraw-hyperlinkContainer button {
1391
+ color: #228be6;
1392
+ background-color: transparent !important;
1393
+ font-weight: 500;
1394
+ }
1395
+ .excalidraw-hyperlinkContainer button.excalidraw-hyperlinkContainer--remove {
1396
+ color: #c92a2a;
1397
+ }
1398
+ .excalidraw-hyperlinkContainer--remove .ToolIcon__icon svg {
1399
+ color: #fa5252;
1400
+ }
1401
+ .excalidraw-hyperlinkContainer .ToolIcon__icon {
1402
+ width: 2rem;
1403
+ height: 2rem;
1404
+ }
1405
+ .excalidraw-hyperlinkContainer__buttons {
1406
+ flex: 0 0 auto;
1407
+ }
1406
1408
  /*!********************************************************************************************************************************************************************************************************!*\
1407
1409
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ContextMenu.scss ***!
1408
1410
  \********************************************************************************************************************************************************************************************************/
@@ -1723,6 +1725,7 @@
1723
1725
  cursor: pointer;
1724
1726
  background-color: var(--button-bg, var(--island-bg-color));
1725
1727
  color: var(--button-color, var(--color-on-surface));
1728
+ font-family: var(--ui-font);
1726
1729
  width: var(--lg-button-size);
1727
1730
  height: var(--lg-button-size);
1728
1731
  margin: 0;
@@ -2688,6 +2691,8 @@
2688
2691
  display: flex;
2689
2692
  flex-direction: row;
2690
2693
  justify-content: space-between;
2694
+ -webkit-user-select: none;
2695
+ user-select: none;
2691
2696
  }
2692
2697
  .excalidraw .ImageExportModal h3 {
2693
2698
  font-family: "Assistant";
@@ -2837,23 +2842,40 @@
2837
2842
  color: var(--text-color);
2838
2843
  background-color: var(--back-color);
2839
2844
  border-color: var(--border-color);
2840
- display: flex;
2841
- justify-content: center;
2842
- align-items: center;
2843
- flex-shrink: 0;
2844
- flex-wrap: nowrap;
2845
2845
  border-radius: 0.5rem;
2846
2846
  border-width: 1px;
2847
2847
  border-style: solid;
2848
- font-family: "Assistant";
2848
+ font-family: var(--font-family);
2849
2849
  -webkit-user-select: none;
2850
2850
  user-select: none;
2851
2851
  transition: all 150ms ease-out;
2852
2852
  }
2853
+ .excalidraw .ExcButton .Spinner {
2854
+ --spinner-color: var(--color-surface-lowest);
2855
+ position: absolute;
2856
+ visibility: visible;
2857
+ }
2858
+ .excalidraw .ExcButton[disabled] {
2859
+ pointer-events: none;
2860
+ }
2861
+ .excalidraw .ExcButton[disabled] .ExcButton__contents {
2862
+ visibility: hidden;
2863
+ }
2864
+ .excalidraw .ExcButton, .excalidraw .ExcButton__contents {
2865
+ display: flex;
2866
+ justify-content: center;
2867
+ align-items: center;
2868
+ flex-shrink: 0;
2869
+ flex-wrap: nowrap;
2870
+ position: relative;
2871
+ }
2853
2872
  .excalidraw .ExcButton--color-primary.ExcButton--variant-filled {
2854
2873
  --text-color: var(--color-surface-lowest);
2855
2874
  --back-color: var(--color-primary);
2856
2875
  }
2876
+ .excalidraw .ExcButton--color-primary.ExcButton--variant-filled .Spinner {
2877
+ --spinner-color: var(--text-color);
2878
+ }
2857
2879
  .excalidraw .ExcButton--color-primary.ExcButton--variant-filled:hover {
2858
2880
  --back-color: var(--color-brand-hover);
2859
2881
  }
@@ -2862,9 +2884,12 @@
2862
2884
  }
2863
2885
  .excalidraw .ExcButton--color-primary.ExcButton--variant-outlined, .excalidraw .ExcButton--color-primary.ExcButton--variant-icon {
2864
2886
  --text-color: var(--color-primary);
2865
- --border-color: var(--color-border-outline);
2887
+ --border-color: var(--color-primary);
2866
2888
  --back-color: transparent;
2867
2889
  }
2890
+ .excalidraw .ExcButton--color-primary.ExcButton--variant-outlined .Spinner, .excalidraw .ExcButton--color-primary.ExcButton--variant-icon .Spinner {
2891
+ --spinner-color: var(--text-color);
2892
+ }
2868
2893
  .excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:hover, .excalidraw .ExcButton--color-primary.ExcButton--variant-icon:hover {
2869
2894
  --text-color: var(--color-brand-hover);
2870
2895
  --border-color: var(--color-brand-hover);
@@ -2877,6 +2902,9 @@
2877
2902
  --text-color: var(--color-danger-text);
2878
2903
  --back-color: var(--color-danger-dark);
2879
2904
  }
2905
+ .excalidraw .ExcButton--color-danger.ExcButton--variant-filled .Spinner {
2906
+ --spinner-color: var(--text-color);
2907
+ }
2880
2908
  .excalidraw .ExcButton--color-danger.ExcButton--variant-filled:hover {
2881
2909
  --back-color: var(--color-danger-darker);
2882
2910
  }
@@ -2888,6 +2916,9 @@
2888
2916
  --border-color: var(--color-danger);
2889
2917
  --back-color: transparent;
2890
2918
  }
2919
+ .excalidraw .ExcButton--color-danger.ExcButton--variant-outlined .Spinner, .excalidraw .ExcButton--color-danger.ExcButton--variant-icon .Spinner {
2920
+ --spinner-color: var(--text-color);
2921
+ }
2891
2922
  .excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:hover, .excalidraw .ExcButton--color-danger.ExcButton--variant-icon:hover {
2892
2923
  --text-color: var(--color-danger-darkest);
2893
2924
  --border-color: var(--color-danger-darkest);
@@ -2900,6 +2931,9 @@
2900
2931
  --text-color: var(--island-bg-color);
2901
2932
  --back-color: var(--color-gray-50);
2902
2933
  }
2934
+ .excalidraw .ExcButton--color-muted.ExcButton--variant-filled .Spinner {
2935
+ --spinner-color: var(--text-color);
2936
+ }
2903
2937
  .excalidraw .ExcButton--color-muted.ExcButton--variant-filled:hover {
2904
2938
  --back-color: var(--color-gray-60);
2905
2939
  }
@@ -2911,6 +2945,9 @@
2911
2945
  --border-color: var(--color-muted);
2912
2946
  --back-color: var(--island-bg-color);
2913
2947
  }
2948
+ .excalidraw .ExcButton--color-muted.ExcButton--variant-outlined .Spinner, .excalidraw .ExcButton--color-muted.ExcButton--variant-icon .Spinner {
2949
+ --spinner-color: var(--text-color);
2950
+ }
2914
2951
  .excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:hover, .excalidraw .ExcButton--color-muted.ExcButton--variant-icon:hover {
2915
2952
  --text-color: var(--color-muted-background-darker);
2916
2953
  --border-color: var(--color-muted-darker);
@@ -2923,6 +2960,9 @@
2923
2960
  --text-color: black;
2924
2961
  --back-color: var(--color-warning-dark);
2925
2962
  }
2963
+ .excalidraw .ExcButton--color-warning.ExcButton--variant-filled .Spinner {
2964
+ --spinner-color: var(--text-color);
2965
+ }
2926
2966
  .excalidraw .ExcButton--color-warning.ExcButton--variant-filled:hover {
2927
2967
  --back-color: var(--color-warning-darker);
2928
2968
  }
@@ -2934,6 +2974,9 @@
2934
2974
  --border-color: var(--color-warning-dark);
2935
2975
  --back-color: var(--input-bg-color);
2936
2976
  }
2977
+ .excalidraw .ExcButton--color-warning.ExcButton--variant-outlined .Spinner, .excalidraw .ExcButton--color-warning.ExcButton--variant-icon .Spinner {
2978
+ --spinner-color: var(--text-color);
2979
+ }
2937
2980
  .excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:hover, .excalidraw .ExcButton--color-warning.ExcButton--variant-icon:hover {
2938
2981
  --text-color: var(--color-warning-darker);
2939
2982
  --border-color: var(--color-warning-darker);
@@ -2947,17 +2990,21 @@
2947
2990
  font-size: 0.875rem;
2948
2991
  min-height: 3rem;
2949
2992
  padding: 0.5rem 1.5rem;
2950
- gap: 0.75rem;
2951
2993
  letter-spacing: 0.4px;
2952
2994
  }
2995
+ .excalidraw .ExcButton--size-large .ExcButton__contents {
2996
+ gap: 0.75rem;
2997
+ }
2953
2998
  .excalidraw .ExcButton--size-medium {
2954
2999
  font-weight: 600;
2955
3000
  font-size: 0.75rem;
2956
3001
  min-height: 2.5rem;
2957
3002
  padding: 0.5rem 1rem;
2958
- gap: 0.5rem;
2959
3003
  letter-spacing: normal;
2960
3004
  }
3005
+ .excalidraw .ExcButton--size-medium .ExcButton__contents {
3006
+ gap: 0.5rem;
3007
+ }
2961
3008
  .excalidraw .ExcButton--variant-icon {
2962
3009
  padding: 0.5rem 0.75rem;
2963
3010
  width: 3rem;
@@ -3602,6 +3649,7 @@
3602
3649
  cursor: pointer;
3603
3650
  background-color: var(--button-bg, var(--island-bg-color));
3604
3651
  color: var(--button-color, var(--color-on-surface));
3652
+ font-family: var(--ui-font);
3605
3653
  border: none;
3606
3654
  box-shadow: 0 0 0 1px var(--color-surface-lowest);
3607
3655
  background-color: var(--color-surface-low);
@@ -3730,6 +3778,7 @@
3730
3778
  cursor: pointer;
3731
3779
  background-color: var(--button-bg, var(--island-bg-color));
3732
3780
  color: var(--button-color, var(--color-on-surface));
3781
+ font-family: var(--ui-font);
3733
3782
  --button-bg: transparent;
3734
3783
  border: 0 !important;
3735
3784
  width: var(--lg-button-size);
@@ -5054,6 +5103,7 @@
5054
5103
  cursor: pointer;
5055
5104
  background-color: var(--button-bg, var(--island-bg-color));
5056
5105
  color: var(--button-color, var(--color-on-surface));
5106
+ font-family: var(--ui-font);
5057
5107
  padding: 0;
5058
5108
  }
5059
5109
  .excalidraw .buttonList label svg,
@@ -5304,6 +5354,7 @@
5304
5354
  cursor: pointer;
5305
5355
  background-color: var(--button-bg, var(--island-bg-color));
5306
5356
  color: var(--button-color, var(--color-on-surface));
5357
+ font-family: var(--ui-font);
5307
5358
  border: none;
5308
5359
  box-shadow: 0 0 0 1px var(--color-surface-lowest);
5309
5360
  background-color: var(--color-surface-low);
@@ -5875,7 +5926,7 @@
5875
5926
 
5876
5927
  .excalidraw .collab-button {
5877
5928
  --button-bg: var(--color-primary);
5878
- --button-color: white;
5929
+ --button-color: var(--color-surface-lowest);
5879
5930
  --button-border: var(--color-primary);
5880
5931
  --button-width: var(--lg-button-size);
5881
5932
  --button-height: var(--lg-button-size);
@@ -5896,9 +5947,6 @@
5896
5947
  background-color: #0fb884;
5897
5948
  border-color: #0fb884;
5898
5949
  }
5899
- .excalidraw.theme--dark .collab-button {
5900
- color: var(--color-gray-90);
5901
- }
5902
5950
  .excalidraw .CollabButton.is-collaborating {
5903
5951
  background-color: var(--button-special-active-bg-color);
5904
5952
  }