0.16.4

.gitignore

@@ -8,3 +8,4 @@ optimized-svg
 package-lock.json
 native
 coverage
+.docz

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anarock/pebble",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "author": "ritz078 <[email protected]>",
   "license": "MIT",
   "main": "dist/pebble.js",
@@ -36,16 +36,16 @@
   "dependencies": {
     "@types/rheostat": "^2.1.3",
     "date-fns": "^1.29.0",
-    "emotion": "^9.2.6",
+    "emotion": "^9.2.8",
     "is-in-browser": "^1.1.3",
     "just-debounce-it": "^1.1.0",
     "mitt": "^1.1.3",
     "react": "^16.4.2",
-    "react-calendar": "^2.16.1",
+    "react-calendar": "^2.17.1",
     "react-dom": "^16.4.2",
     "react-ink": "^6.4.0",
     "react-popper": "^1.0.2",
-    "react-spring": "^5.6.6",
+    "react-spring": "^5.6.10",
     "rheostat": "2.2.0",
     "utility-types": "^2.0.0"
   },
@@ -68,7 +68,7 @@
     "@types/jest": "^23.3.1",
     "@types/react-dom": "^16.0.7",
     "@types/react-test-renderer": "^16.0.2",
-    "@types/sinon": "^5.0.1",
+    "@types/sinon": "^5.0.2",
     "@types/storybook__react": "^3.0.9",
     "awesome-typescript-loader": "^5.2.0",
     "babel-core": "^6.26.3",
@@ -82,13 +82,13 @@
     "babel-runtime": "^6.26.0",
     "chokidar-cli": "^1.2.0",
     "codecov": "^3.0.4",
-    "colors": "^1.3.1",
+    "colors": "^1.3.2",
     "combos": "^0.2.0",
     "commitizen": "^2.10.1",
     "copy": "^0.3.2",
     "cz-conventional-changelog": "^2.1.0",
-    "enzyme": "^3.4.1",
-    "enzyme-adapter-react-16": "^1.2.0",
+    "enzyme": "^3.5.0",
+    "enzyme-adapter-react-16": "^1.3.0",
     "enzyme-to-json": "^3.3.4",
     "execa": "^0.10.0",
     "file-loader": "^1.1.11",
@@ -109,16 +109,16 @@
     "rollup-plugin-alias": "^1.4.0",
     "rollup-plugin-babel": "^3.0.7",
     "rollup-plugin-cleanup": "^3.0.0",
-    "rollup-plugin-commonjs": "^9.1.5",
+    "rollup-plugin-commonjs": "^9.1.6",
     "rollup-plugin-filesize": "^4.0.1",
     "rollup-plugin-node-resolve": "^3.3.0",
     "rollup-plugin-sourcemaps": "^0.4.2",
     "scroll-into-view-if-needed": "^2.2.16",
-    "serve": "^9.6.0",
+    "serve": "^10.0.0",
     "sinon": "^6.1.5",
     "svgo": "^1.0.5",
-    "ts-jest": "^23.1.3",
-    "typescript": "3.0.1",
+    "ts-jest": "^23.1.4",
+    "typescript": "3.0.3",
     "webfonts-generator": "^0.4.0",
     "webpack": "^4.16.5"
   },

src/components/__tests__/__snapshots__/toast.test.tsx.snap

@@ -28,20 +28,53 @@ Array [
   margin-right: 10px;
 }
 
-<div
+<ForwardRef
     className="emotion-0"
     style={
       Object {
         "backgroundColor": "#10AC60",
         "opacity": 0,
+        "originalKey": "styles => {
+                    /* istanbul ignore next */cov_1wjqu4hxg1.f[9]++;
+                    cov_1wjqu4hxg1.s[27]++;
+                    return (/* istanbul ignore next */React.createElement(
+                            /* istanbul ignore next */react_spring_1.animated.div,
+                            /* istanbul ignore next */{ className: Toast_styles_1.toastWrapper, style: /* istanbul ignore next */_extends({ backgroundColor: bColor }, styles) },
+                            /* istanbul ignore next */React.createElement( /* istanbul ignore next */\\"i\\", /* istanbul ignore next */{ className: iconClass }),
+                            this.state.text
+                        )
+                    );
+                }",
         "transform": "translateX(-50%) translateY(10px)",
       }
     }
   >
-    <i
-      className="icon-radio-check-filled"
-    />
-    hello world
-  </div>,
+    <div
+      className="emotion-0"
+      style={
+        Object {
+          "backgroundColor": "#10AC60",
+          "opacity": 0,
+          "originalKey": "styles => {
+                    /* istanbul ignore next */cov_1wjqu4hxg1.f[9]++;
+                    cov_1wjqu4hxg1.s[27]++;
+                    return (/* istanbul ignore next */React.createElement(
+                            /* istanbul ignore next */react_spring_1.animated.div,
+                            /* istanbul ignore next */{ className: Toast_styles_1.toastWrapper, style: /* istanbul ignore next */_extends({ backgroundColor: bColor }, styles) },
+                            /* istanbul ignore next */React.createElement( /* istanbul ignore next */\\"i\\", /* istanbul ignore next */{ className: iconClass }),
+                            this.state.text
+                        )
+                    );
+                }",
+          "transform": "translateX(-50%) translateY(10px)",
+        }
+      }
+    >
+      <i
+        className="icon-radio-check-filled"
+      />
+      hello world
+    </div>
+  </ForwardRef>,
 ]
 `;