Add regression test (story) for PR #133, update changelog (#135)

* Add story for PR #133

* Update changelog for 3.0.3

* Typo fix

Author: srmagura

CHANGELOG.md

@@ -1,3 +1,13 @@
+## 3.0.3
+
+### Bug Fixes
+
+-   Fix an edge case where the animated highlight had the wrong vertical position (#133)
+
+### Thanks!
+
+-   @HexM7
+
 ## 3.0.2
 
 ### Bug Fixes

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-loading-skeleton",
-    "version": "3.0.2",
+    "version": "3.0.3",
     "description": "Make beautiful, animated loading skeletons that automatically adapt to your app.",
     "keywords": [
         "react",

src/__stories__/Skeleton.stories.tsx

@@ -367,3 +367,20 @@ export const ShadowDOM: React.VFC = () => {
         </div>
     )
 }
+
+export const RegressionTest133 = () => (
+    <div>
+        <p>
+            Regression test for{' '}
+            <a href="https://github.com/dvtng/react-loading-skeleton/pull/133">#133</a>,
+            in which the pseudoelement had the wrong vertical position. The animated
+            highlight should cover the entire square.
+        </p>
+        <div style={{ display: 'flex' }}>
+            <Skeleton
+                baseColor="paleturquoise"
+                style={{ display: 'block', width: 200, height: 200 }}
+            />
+        </div>
+    </div>
+)