keyframekit 1.0.3 → 1.0.5

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 (4) hide show
  1. package/README.md +4 -4
  2. package/docs/.vitepress/components/Playground/defaultExample.js +1 -1
  3. package/docs/docs/index.md +3 -3
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # [KeyframeKit](https://keyframekit.berryscript.com)
1
+ # <img src="/docs/docs/public/icon.png" width="30px" height="40px"> [KeyframeKit](https://keyframekit.berryscript.com)
2
2
 
3
3
  Intuitive, powerful and performant tools for working with CSS animations in JavaScript.
4
4
 
@@ -28,7 +28,7 @@ import KeyframeKit from 'keyframekit';
28
28
 
29
29
  const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
30
30
 
31
- // get animation keyframes from stylesheet
31
+ // get animation keyframes from the document's stylesheets
32
32
  const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
33
33
  of: 'rotate-small',
34
34
  in: documentStyleSheets
@@ -57,7 +57,7 @@ await attachedAnim.finished;
57
57
  ```
58
58
  [...and more.][2]
59
59
 
60
- ### Importing a stylesheet directly
60
+ ### Importing animations directly from a CSS file
61
61
 
62
62
  Instead of getting an animation from the document's stylesheets, you can also import it directly from a CSS file.
63
63
 
@@ -73,7 +73,7 @@ const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
73
73
  });
74
74
  ```
75
75
 
76
- > Note: `@import` rules won't be resolved in stylesheets imported in this way. [More info.][3]
76
+ > Note: This won't resolve stylesheet `@import` rules. [More info.][3]
77
77
 
78
78
  ### Defining animations in JS
79
79
 
package/docs/.vitepress/components/Playground/defaultExample.js CHANGED
@@ -9,7 +9,7 @@ const js = `import KeyframeKit from 'keyframekit';
9
9
 
10
10
  const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
11
11
 
12
- // get animation keyframes from stylesheet
12
+ // get animation keyframes from the document's stylesheets
13
13
  const rotateAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
14
14
  of: 'rotate',
15
15
  in: documentStyleSheets
package/docs/docs/index.md CHANGED
@@ -43,7 +43,7 @@ import KeyframeKit from 'keyframekit';
43
43
 
44
44
  const documentStyleSheets = await KeyframeKit.getDocumentStyleSheetsOnLoad();
45
45
 
46
- // get animation keyframes from stylesheet
46
+ // get animation keyframes from the document's stylesheets
47
47
  const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
48
48
  of: 'rotate-small',
49
49
  in: documentStyleSheets
@@ -72,7 +72,7 @@ await attachedAnim.finished;
72
72
  ```
73
73
  [...and more.][2]
74
74
 
75
- ### Importing a stylesheet directly
75
+ ### Importing animations directly from a CSS file
76
76
 
77
77
  Instead of getting an animation from the document's stylesheets, you can also import it directly from a CSS file.
78
78
 
@@ -88,7 +88,7 @@ const rotateSmallAnimKeyframes = KeyframeKit.getStyleSheetKeyframes({
88
88
  });
89
89
  ```
90
90
 
91
- > Note: `@import` rules won't be resolved in stylesheets imported in this way. [More info.][3]
91
+ > Note: This won't resolve stylesheet `@import` rules. [More info.][3]
92
92
 
93
93
  ### Defining animations in JS
94
94
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "keyframekit",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "Intuitive, powerful and performant tools for working with CSS animations in JavaScript.",
5
5
  "main": "./dist/KeyframeKit.js",
6
6
  "scripts": {