@zsviczian/excalidraw 0.17.1-obsidian-48 → 0.17.1-obsidian-50

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 (42) hide show
  1. package/dist/excalidraw.development.js +65 -21
  2. package/dist/excalidraw.production.min.js +1 -1
  3. package/dist/styles.development.css +121 -15
  4. package/dist/styles.production.css +5 -4
  5. package/package.json +1 -1
  6. package/types/excalidraw/actions/actionAddToLibrary.d.ts +30 -0
  7. package/types/excalidraw/actions/actionBoundText.d.ts +20 -0
  8. package/types/excalidraw/actions/actionCanvas.d.ts +140 -0
  9. package/types/excalidraw/actions/actionClipboard.d.ts +70 -0
  10. package/types/excalidraw/actions/actionDeleteSelected.d.ts +30 -0
  11. package/types/excalidraw/actions/actionElementLock.d.ts +20 -0
  12. package/types/excalidraw/actions/actionExport.d.ts +90 -0
  13. package/types/excalidraw/actions/actionFinalize.d.ts +20 -0
  14. package/types/excalidraw/actions/actionFrame.d.ts +40 -0
  15. package/types/excalidraw/actions/actionGroup.d.ts +20 -0
  16. package/types/excalidraw/actions/actionLinearEditor.d.ts +10 -0
  17. package/types/excalidraw/actions/actionLink.d.ts +10 -0
  18. package/types/excalidraw/actions/actionMenu.d.ts +30 -0
  19. package/types/excalidraw/actions/actionNavigate.d.ts +20 -0
  20. package/types/excalidraw/actions/actionProperties.d.ts +150 -0
  21. package/types/excalidraw/actions/actionSelectAll.d.ts +10 -0
  22. package/types/excalidraw/actions/actionStyles.d.ts +10 -0
  23. package/types/excalidraw/actions/actionToggleGridMode.d.ts +10 -0
  24. package/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +10 -0
  25. package/types/excalidraw/actions/actionToggleSearchMenu.d.ts +406 -0
  26. package/types/excalidraw/actions/actionToggleStats.d.ts +10 -0
  27. package/types/excalidraw/actions/actionToggleViewMode.d.ts +10 -0
  28. package/types/excalidraw/actions/actionToggleZenMode.d.ts +10 -0
  29. package/types/excalidraw/actions/index.d.ts +1 -0
  30. package/types/excalidraw/actions/shortcuts.d.ts +1 -1
  31. package/types/excalidraw/actions/types.d.ts +2 -2
  32. package/types/excalidraw/components/App.d.ts +12 -2
  33. package/types/excalidraw/components/DefaultSidebar.d.ts +1 -0
  34. package/types/excalidraw/components/SearchMenu.d.ts +5 -0
  35. package/types/excalidraw/components/SearchSidebar.d.ts +1 -0
  36. package/types/excalidraw/components/TextField.d.ts +2 -0
  37. package/types/excalidraw/components/icons.d.ts +1 -0
  38. package/types/excalidraw/components/main-menu/DefaultItems.d.ts +6 -0
  39. package/types/excalidraw/constants.d.ts +4 -0
  40. package/types/excalidraw/element/embeddable.d.ts +10 -0
  41. package/types/excalidraw/element/textElement.d.ts +1 -1
  42. package/types/excalidraw/types.d.ts +15 -0
package/dist/styles.development.css CHANGED
@@ -210,9 +210,9 @@
210
210
  --color-logo-text: #190064;
211
211
  --border-radius-md: 0.375rem;
212
212
  --border-radius-lg: 0.5rem;
213
- --color-surface-high: hsl(244, 100%, 97%);
214
- --color-surface-mid: hsl(240 25% 96%);
215
- --color-surface-low: hsl(240 25% 94%);
213
+ --color-surface-high: #f1f0ff;
214
+ --color-surface-mid: #f2f2f7;
215
+ --color-surface-low: #ececf4;
216
216
  --color-surface-lowest: #ffffff;
217
217
  --color-on-surface: #1b1b1f;
218
218
  --color-brand-hover: #5753d0;
@@ -697,9 +697,9 @@
697
697
  --color-logo-text: #190064;
698
698
  --border-radius-md: 0.375rem;
699
699
  --border-radius-lg: 0.5rem;
700
- --color-surface-high: hsl(244, 100%, 97%);
701
- --color-surface-mid: hsl(240 25% 96%);
702
- --color-surface-low: hsl(240 25% 94%);
700
+ --color-surface-high: #f1f0ff;
701
+ --color-surface-mid: #f2f2f7;
702
+ --color-surface-low: #ececf4;
703
703
  --color-surface-lowest: #ffffff;
704
704
  --color-on-surface: #1b1b1f;
705
705
  --color-brand-hover: #5753d0;
@@ -2785,15 +2785,28 @@
2785
2785
  .excalidraw {
2786
2786
  --ExcTextField--color: var(--color-on-surface);
2787
2787
  --ExcTextField--label-color: var(--color-on-surface);
2788
- --ExcTextField--background: transparent;
2788
+ --ExcTextField--background: var(--color-surface-low);
2789
2789
  --ExcTextField--readonly--background: var(--color-surface-high);
2790
2790
  --ExcTextField--readonly--color: var(--color-on-surface);
2791
- --ExcTextField--border: var(--color-border-outline);
2791
+ --ExcTextField--border: var(--color-gray-20);
2792
2792
  --ExcTextField--readonly--border: var(--color-border-outline-variant);
2793
2793
  --ExcTextField--border-hover: var(--color-brand-hover);
2794
2794
  --ExcTextField--border-active: var(--color-brand-active);
2795
2795
  --ExcTextField--placeholder: var(--color-border-outline-variant);
2796
2796
  }
2797
+ .excalidraw .ExcTextField {
2798
+ position: relative;
2799
+ }
2800
+ .excalidraw .ExcTextField svg {
2801
+ position: absolute;
2802
+ top: 50%;
2803
+ transform: translateY(-50%);
2804
+ left: 0.75rem;
2805
+ width: 1.25rem;
2806
+ height: 1.25rem;
2807
+ color: var(--color-gray-40);
2808
+ z-index: 1;
2809
+ }
2797
2810
  .excalidraw .ExcTextField--fullWidth {
2798
2811
  width: 100%;
2799
2812
  flex-grow: 1;
@@ -2814,11 +2827,11 @@
2814
2827
  display: flex;
2815
2828
  flex-direction: row;
2816
2829
  align-items: center;
2817
- padding: 0 1rem;
2818
2830
  height: 3rem;
2819
2831
  background: var(--ExcTextField--background);
2820
2832
  border: 1px solid var(--ExcTextField--border);
2821
2833
  border-radius: 0.5rem;
2834
+ padding: 0 0.75rem;
2822
2835
  }
2823
2836
  .excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover {
2824
2837
  border-color: var(--ExcTextField--border-hover);
@@ -2844,9 +2857,6 @@
2844
2857
  background: transparent;
2845
2858
  width: 100%;
2846
2859
  }
2847
- .excalidraw .ExcTextField__input input::placeholder {
2848
- color: var(--ExcTextField--placeholder);
2849
- }
2850
2860
  .excalidraw .ExcTextField__input input:not(:focus):hover {
2851
2861
  background-color: initial;
2852
2862
  }
@@ -2861,6 +2871,9 @@
2861
2871
  .excalidraw .ExcTextField__input--readonly input {
2862
2872
  color: var(--ExcTextField--readonly--color);
2863
2873
  }
2874
+ .excalidraw .ExcTextField--hasIcon .ExcTextField__input {
2875
+ padding-left: 2.5rem;
2876
+ }
2864
2877
  /*!****************************************************************************************************************************************************************************************************!*\
2865
2878
  !*** 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/Actions.scss ***!
2866
2879
  \****************************************************************************************************************************************************************************************************/
@@ -5228,6 +5241,99 @@
5228
5241
  padding: 2px 3px;
5229
5242
  border-radius: 4px;
5230
5243
  }
5244
+ /*!*******************************************************************************************************************************************************************************************************!*\
5245
+ !*** 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/SearchMenu.scss ***!
5246
+ \*******************************************************************************************************************************************************************************************************/
5247
+ .excalidraw .layer-ui__search {
5248
+ flex: 1 0 auto;
5249
+ display: flex;
5250
+ flex-direction: column;
5251
+ padding: 8px 0 0 0;
5252
+ }
5253
+ .excalidraw .layer-ui__search-header {
5254
+ display: flex;
5255
+ justify-content: space-between;
5256
+ align-items: center;
5257
+ padding: 0 0.75rem;
5258
+ }
5259
+ .excalidraw .layer-ui__search-header .ExcTextField {
5260
+ flex: 1 0 auto;
5261
+ }
5262
+ .excalidraw .layer-ui__search-header .ExcTextField__input {
5263
+ background-color: #f5f5f9;
5264
+ border-radius: var(--border-radius-md);
5265
+ border: 0;
5266
+ }
5267
+ .excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input {
5268
+ background-color: #31303b;
5269
+ }
5270
+
5271
+ .excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder {
5272
+ font-size: 0.9rem;
5273
+ }
5274
+ .excalidraw .layer-ui__search-count {
5275
+ display: flex;
5276
+ justify-content: space-between;
5277
+ align-items: center;
5278
+ padding: 8px 8px 0 8px;
5279
+ margin: 0 0.75rem 0.25rem 0.75rem;
5280
+ font-size: 0.8em;
5281
+ }
5282
+ .excalidraw .layer-ui__search-count .result-nav {
5283
+ display: flex;
5284
+ }
5285
+ .excalidraw .layer-ui__search-count .result-nav .result-nav-btn {
5286
+ width: 36px;
5287
+ height: 36px;
5288
+ --button-border: transparent;
5289
+ }
5290
+ .excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active {
5291
+ background-color: var(--color-surface-high);
5292
+ }
5293
+ .excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first {
5294
+ margin-right: 4px;
5295
+ }
5296
+ .excalidraw .layer-ui__search-result-container {
5297
+ overflow-y: auto;
5298
+ flex: 1 1 0;
5299
+ display: flex;
5300
+ flex-direction: column;
5301
+ gap: 0.125rem;
5302
+ }
5303
+ .excalidraw .layer-ui__result-item {
5304
+ display: flex;
5305
+ align-items: center;
5306
+ min-height: 2rem;
5307
+ flex: 0 0 auto;
5308
+ padding: 0.25rem 0.75rem;
5309
+ cursor: pointer;
5310
+ border: 1px solid transparent;
5311
+ outline: none;
5312
+ margin: 0 0.75rem;
5313
+ border-radius: var(--border-radius-md);
5314
+ }
5315
+ .excalidraw .layer-ui__result-item .text-icon {
5316
+ width: 1rem;
5317
+ height: 1rem;
5318
+ margin-right: 0.75rem;
5319
+ }
5320
+ .excalidraw .layer-ui__result-item .preview-text {
5321
+ flex: 1;
5322
+ max-height: 48px;
5323
+ line-height: 24px;
5324
+ overflow: hidden;
5325
+ text-overflow: ellipsis;
5326
+ word-break: break-all;
5327
+ }
5328
+ .excalidraw .layer-ui__result-item:hover {
5329
+ background-color: var(--color-surface-high);
5330
+ }
5331
+ .excalidraw .layer-ui__result-item:active {
5332
+ border-color: var(--color-primary);
5333
+ }
5334
+ .excalidraw .layer-ui__result-item.active {
5335
+ background-color: var(--color-surface-high);
5336
+ }
5231
5337
  /*!**************************************************************************************************************************************************************************************************!*\
5232
5338
  !*** 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/Toast.scss ***!
5233
5339
  \**************************************************************************************************************************************************************************************************/
@@ -5535,9 +5641,9 @@
5535
5641
  --color-logo-text: #190064;
5536
5642
  --border-radius-md: 0.375rem;
5537
5643
  --border-radius-lg: 0.5rem;
5538
- --color-surface-high: hsl(244, 100%, 97%);
5539
- --color-surface-mid: hsl(240 25% 96%);
5540
- --color-surface-low: hsl(240 25% 94%);
5644
+ --color-surface-high: #f1f0ff;
5645
+ --color-surface-mid: #f2f2f7;
5646
+ --color-surface-low: #ececf4;
5541
5647
  --color-surface-lowest: #ffffff;
5542
5648
  --color-on-surface: #1b1b1f;
5543
5649
  --color-brand-hover: #5753d0;