js-draw 1.1.0 → 1.2.1

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 (33) hide show
  1. package/dist/Editor.css +6 -4
  2. package/dist/bundle.js +2 -2
  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/DropdownToolbar.d.ts +24 -0
  8. package/dist/cjs/toolbar/DropdownToolbar.js +24 -0
  9. package/dist/cjs/toolbar/EdgeToolbar.d.ts +28 -0
  10. package/dist/cjs/toolbar/EdgeToolbar.js +30 -2
  11. package/dist/cjs/util/ReactiveValue.js +1 -1
  12. package/dist/cjs/util/adjustEditorThemeForContrast.d.ts +55 -0
  13. package/dist/cjs/util/adjustEditorThemeForContrast.js +128 -0
  14. package/dist/cjs/util/adjustEditorThemeForContrast.test.d.ts +1 -0
  15. package/dist/cjs/util/lib.d.ts +1 -0
  16. package/dist/cjs/util/lib.js +8 -0
  17. package/dist/cjs/version.js +1 -1
  18. package/dist/mjs/Editor.d.ts +4 -3
  19. package/dist/mjs/lib.d.ts +15 -8
  20. package/dist/mjs/lib.mjs +15 -8
  21. package/dist/mjs/toolbar/DropdownToolbar.d.ts +24 -0
  22. package/dist/mjs/toolbar/DropdownToolbar.mjs +24 -0
  23. package/dist/mjs/toolbar/EdgeToolbar.d.ts +28 -0
  24. package/dist/mjs/toolbar/EdgeToolbar.mjs +30 -2
  25. package/dist/mjs/util/ReactiveValue.mjs +1 -1
  26. package/dist/mjs/util/adjustEditorThemeForContrast.d.ts +55 -0
  27. package/dist/mjs/util/adjustEditorThemeForContrast.mjs +126 -0
  28. package/dist/mjs/util/adjustEditorThemeForContrast.test.d.ts +1 -0
  29. package/dist/mjs/util/lib.d.ts +1 -0
  30. package/dist/mjs/util/lib.mjs +1 -0
  31. package/dist/mjs/version.mjs +1 -1
  32. package/package.json +3 -3
  33. package/src/toolbar/EdgeToolbar.scss +6 -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));
@@ -893,7 +895,7 @@
893
895
  box-sizing: border-box;
894
896
  border-top-left-radius: 30px;
895
897
  border-top-right-radius: 30px;
896
- transition: translate 0.1s ease, padding-bottom 0.1s ease;
898
+ transition: transform 0.1s ease, padding-bottom 0.1s ease;
897
899
  }
898
900
  .toolbar-edgemenu-container .toolbar-edgemenu input, .toolbar-edgemenu-container .toolbar-edgemenu textarea {
899
901
  user-select: auto;