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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "js-draw",
3
- "version": "1.1.0",
3
+ "version": "1.2.1",
4
4
  "description": "Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript. ",
5
5
  "types": "./dist/mjs/lib.d.ts",
6
6
  "main": "./dist/cjs/lib.js",
@@ -64,7 +64,7 @@
64
64
  "postpack": "ts-node tools/copyREADME.ts revert"
65
65
  },
66
66
  "dependencies": {
67
- "@js-draw/math": "^1.0.2",
67
+ "@js-draw/math": "^1.2.1",
68
68
  "@melloware/coloris": "0.21.0"
69
69
  },
70
70
  "devDependencies": {
@@ -87,5 +87,5 @@
87
87
  "freehand",
88
88
  "svg"
89
89
  ],
90
- "gitHead": "18720ded225d789fa863bef5eb0330152b3be108"
90
+ "gitHead": "0cb756d3150c8b33dd9a3217faa7d18229688f34"
91
91
  }
@@ -1,12 +1,12 @@
1
1
  @keyframes toolbar--edgemenu-transition-in {
2
- from { translate: 0 100%; }
3
- to { translate: 0; }
2
+ from { transform: translate(0, 100%); }
3
+ to { transform: translate(0, 0); }
4
4
  }
5
5
 
6
6
  @keyframes toolbar--edgemenu-transition-out {
7
7
  // Don't include `from { translate: 0 }` because initially,
8
8
  // the translation might not be zero (e.g. during a drag).
9
- to { translate: 0 100%; }
9
+ to { transform: translate(0, 100%); }
10
10
  }
11
11
 
12
12
  @keyframes toolbar--edgemenu-container-transition-in {
@@ -249,6 +249,7 @@
249
249
 
250
250
  > .toolbar-button > .toolbar-icon {
251
251
  margin-left: 10px;
252
+ margin-right: 0;
252
253
  }
253
254
 
254
255
  // Show last
@@ -267,6 +268,7 @@
267
268
  > .toolbar-icon {
268
269
  height: 100%;
269
270
  margin-right: 10px;
271
+ margin-left: 0;
270
272
  }
271
273
  }
272
274
  }
@@ -392,7 +394,7 @@
392
394
  border-top-left-radius: $border-radius;
393
395
  border-top-right-radius: $border-radius;
394
396
 
395
- transition: translate 0.1s ease, padding-bottom 0.1s ease;
397
+ transition: transform 0.1s ease, padding-bottom 0.1s ease;
396
398
 
397
399
  input, textarea {
398
400
  user-select: auto;