js-draw 1.0.2 → 1.2.0

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 (41) hide show
  1. package/dist/Editor.css +7 -4
  2. package/dist/bundle.js +1 -1
  3. package/dist/bundledStyles.js +1 -1
  4. package/dist/cjs/Editor.d.ts +4 -3
  5. package/dist/cjs/lib.d.ts +15 -8
  6. package/dist/cjs/lib.js +13 -6
  7. package/dist/cjs/toolbar/AbstractToolbar.d.ts +9 -13
  8. package/dist/cjs/toolbar/AbstractToolbar.js +14 -19
  9. package/dist/cjs/toolbar/DropdownToolbar.d.ts +24 -0
  10. package/dist/cjs/toolbar/DropdownToolbar.js +24 -0
  11. package/dist/cjs/toolbar/EdgeToolbar.d.ts +28 -0
  12. package/dist/cjs/toolbar/EdgeToolbar.js +30 -2
  13. package/dist/cjs/toolbar/widgets/SaveActionWidget.d.ts +10 -0
  14. package/dist/cjs/toolbar/widgets/SaveActionWidget.js +26 -0
  15. package/dist/cjs/toolbar/widgets/keybindings.d.ts +1 -0
  16. package/dist/cjs/toolbar/widgets/keybindings.js +4 -1
  17. package/dist/cjs/util/adjustEditorThemeForContrast.d.ts +53 -0
  18. package/dist/cjs/util/adjustEditorThemeForContrast.js +100 -0
  19. package/dist/cjs/util/lib.d.ts +1 -0
  20. package/dist/cjs/util/lib.js +8 -0
  21. package/dist/cjs/version.js +1 -1
  22. package/dist/mjs/Editor.d.ts +4 -3
  23. package/dist/mjs/lib.d.ts +15 -8
  24. package/dist/mjs/lib.mjs +15 -8
  25. package/dist/mjs/toolbar/AbstractToolbar.d.ts +9 -13
  26. package/dist/mjs/toolbar/AbstractToolbar.mjs +14 -19
  27. package/dist/mjs/toolbar/DropdownToolbar.d.ts +24 -0
  28. package/dist/mjs/toolbar/DropdownToolbar.mjs +24 -0
  29. package/dist/mjs/toolbar/EdgeToolbar.d.ts +28 -0
  30. package/dist/mjs/toolbar/EdgeToolbar.mjs +30 -2
  31. package/dist/mjs/toolbar/widgets/SaveActionWidget.d.ts +10 -0
  32. package/dist/mjs/toolbar/widgets/SaveActionWidget.mjs +21 -0
  33. package/dist/mjs/toolbar/widgets/keybindings.d.ts +1 -0
  34. package/dist/mjs/toolbar/widgets/keybindings.mjs +3 -0
  35. package/dist/mjs/util/adjustEditorThemeForContrast.d.ts +53 -0
  36. package/dist/mjs/util/adjustEditorThemeForContrast.mjs +98 -0
  37. package/dist/mjs/util/lib.d.ts +1 -0
  38. package/dist/mjs/util/lib.mjs +1 -0
  39. package/dist/mjs/version.mjs +1 -1
  40. package/package.json +3 -3
  41. package/src/toolbar/EdgeToolbar.scss +7 -4
package/dist/Editor.css CHANGED
@@ -476,15 +476,15 @@
476
476
  }
477
477
  @keyframes toolbar--edgemenu-transition-in {
478
478
  from {
479
- translate: 0 100%;
479
+ transform: translate(0, 100%);
480
480
  }
481
481
  to {
482
- translate: 0;
482
+ transform: translate(0, 0);
483
483
  }
484
484
  }
485
485
  @keyframes toolbar--edgemenu-transition-out {
486
486
  to {
487
- translate: 0 100%;
487
+ transform: translate(0, 100%);
488
488
  }
489
489
  }
490
490
  @keyframes toolbar--edgemenu-container-transition-in {
@@ -670,6 +670,7 @@
670
670
  }
671
671
  .toolbar-edge-toolbar .toolbar-toolContainer.label-inline.label-left > .toolbar-button > .toolbar-icon {
672
672
  margin-left: 10px;
673
+ margin-right: 0;
673
674
  }
674
675
  .toolbar-edge-toolbar .toolbar-toolContainer.label-inline.label-right {
675
676
  order: -1;
@@ -681,6 +682,7 @@
681
682
  .toolbar-edge-toolbar .toolbar-toolContainer.label-inline > .toolbar-button > .toolbar-icon {
682
683
  height: 100%;
683
684
  margin-right: 10px;
685
+ margin-left: 0;
684
686
  }
685
687
  .toolbar-edge-toolbar .toolbar-toolContainer:not(.no-icon):not(.label-inline) .toolbar-button {
686
688
  width: calc(var(--toolbar-button-size) + var(--extra-left-right-padding));
@@ -884,6 +886,7 @@
884
886
  touch-action: none;
885
887
  user-select: none;
886
888
  background-color: var(--background-color-2);
889
+ color: var(--foreground-color-2);
887
890
  --icon-color: var(--foreground-color-2);
888
891
  box-shadow: 0px 0px 1px var(--shadow-color);
889
892
  padding-left: 10px;
@@ -892,7 +895,7 @@
892
895
  box-sizing: border-box;
893
896
  border-top-left-radius: 30px;
894
897
  border-top-right-radius: 30px;
895
- transition: translate 0.1s ease, padding-bottom 0.1s ease;
898
+ transition: transform 0.1s ease, padding-bottom 0.1s ease;
896
899
  }
897
900
  .toolbar-edgemenu-container .toolbar-edgemenu input, .toolbar-edgemenu-container .toolbar-edgemenu textarea {
898
901
  user-select: auto;