Merge pull request #29 from phosphor-icons/phosphor-react-refactor

Dependencipalooza

package.json

@@ -1,6 +1,6 @@
 {
   "name": "phosphor-home",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "license": "MIT",
   "homepage": "https://phosphoricons.com",
   "author": {
@@ -22,9 +22,9 @@
   "private": true,
   "dependencies": {
     "file-saver": "^2.0.2",
-    "framer-motion": "^2.1.0",
+    "framer-motion": "^3.10.0",
     "fuse.js": "^6.4.1",
-    "phosphor-react": "^1.2.0",
+    "phosphor-react": "^1.2.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-dropdown-select": "^4.4.2",
@@ -32,9 +32,9 @@
     "react-hotkeys-hook": "^3.2.1",
     "react-scripts": "3.4.1",
     "react-use": "^15.3.2",
-    "recoil": "^0.1.2",
+    "recoil": "^0.1.3",
     "svg2png-converter": "^1.0.0",
-    "tinycolor2": "^1.4.1"
+    "tinycolor2": "^1.4.2"
   },
   "scripts": {
     "analyze": "source-map-explorer 'build/static/js/*.js'",

src/components/IconGrid/DetailsPanel.tsx

@@ -20,15 +20,15 @@ const panelVariants = {
   open: {
     opacity: 1,
     height: "100%",
-    marginTop: 4,
+    marginTop: "4px",
-    marginBottom: 4,
+    marginBottom: "4px",
     // transition: { stiffness: 600, damping: 32, duration: 0.2 },
   },
   collapsed: {
     opacity: 0,
-    height: 0,
+    height: "0px",
-    marginTop: 0,
+    marginTop: "0px",
-    marginBottom: 0,
+    marginBottom: "0px",
     // transition: { stiffness: 600, damping: 32, duration: 0.2 },
   },
 };

src/components/SearchInput/SearchInput.tsx

@@ -81,7 +81,7 @@ const SearchInput: React.FC<SearchInputProps> = () => {
           key === "Enter" && currentTarget.blur()
         }
       />
-      {!value && !isMobile && <Keys>{isApple ? <Command /> : "Ctrl"} + K</Keys>}
+      {!value && !isMobile && <Keys>{isApple ? <Command /> : "Ctrl + "}K</Keys>}
       {value ? (
         isReady() ? (
           <X className="clear-icon" size={18} onClick={handleCancelSearch} />