chore: update other dependencies (#127)

* chore: bump theme-ui related pkgs & fix 1 bug related to this

* chore: update other deps

* feat: add cursor: 'pointer' to variaous buttony things

gatsby-theme-code-notes/package.json

@@ -40,12 +40,12 @@
   ],
   "dependencies": {
     "@alexcarpenter/slugify": "^1.0.6",
-    "@hookit/local-storage": "^0.0.10",
+    "@hookit/local-storage": "^0.1.0",
     "@mdx-js/mdx": "^1.6.5",
     "@mdx-js/react": "^1.6.5",
-    "@theme-ui/presets": "0.4.0-rc.5",
-    "@theme-ui/prism": "0.4.0-rc.5",
-    "color-hash": "^1.0.3",
+    "@theme-ui/presets": "0.7.3",
+    "@theme-ui/prism": "0.7.3",
+    "color-hash": "^2.0.0",
     "copee": "^1.0.6",
     "gatsby-core-utils": "^2.3.0",
     "gatsby-plugin-catch-links": "^3.3.0",
@@ -63,36 +63,36 @@
     "gatsby-source-filesystem": "^3.3.0",
     "gatsby-transformer-markdown-references": "^0.1.5",
     "gatsby-transformer-sharp": "^3.3.0",
-    "lodash": "^4.17.20",
+    "lodash": "^4.17.21",
     "mkdirp": "^1.0.3",
-    "querystring": "^0.2.0",
+    "querystring": "^0.2.1",
     "react-helmet": "^6.1.0",
-    "react-icons": "^3.11.0",
+    "react-icons": "^4.2.0",
     "react-rough-notation": "^1.0.0",
     "react-use-flexsearch": "^0.1.1",
-    "remark-emoji": "^2.0.2",
+    "remark-emoji": "^2.2.0",
     "remark-github": "^10.0.1",
     "remark-slug": "^6.0.0",
     "remark-squeeze-paragraphs": "^4.0.0",
     "remark-truncate-links": "^1.0.3",
     "remark-unwrap-images": "^2.0.0",
     "text-cleaner": "^1.2.1",
-    "theme-ui": "0.4.0-rc.5",
+    "theme-ui": "0.7.3",
     "typescript": "^4.2.4"
   },
   "devDependencies": {
-    "@types/node": "^14.14.10",
-    "@types/react": "^16.9.51",
-    "@types/react-dom": "^16.9.8",
-    "@types/react-helmet": "^6.1.0",
+    "@types/node": "^14.14.41",
+    "@types/react": "^17.0.3",
+    "@types/react-dom": "^17.0.3",
+    "@types/react-helmet": "^6.1.1",
     "dotenv-cli": "^4.0.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "gatsby": "^3.3.1",
-    "husky": "^4.3.0",
-    "lint-staged": "^10.5.3",
+    "husky": "^6.0.0",
+    "lint-staged": "^10.5.4",
     "prettier": "^2.2.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "release-it": "^14.2.2"
+    "release-it": "^14.6.1"
   }
 }

gatsby-theme-code-notes/src/components/BackLinks/BackLinks.tsx

@@ -12,7 +12,10 @@ interface IProps {
 
 export const BackLinks: React.FC<IProps> = ({ references }) => (
   <Box as="details" sx={{ my: 4, fontSize: 1 }}>
-    <Box as="summary" sx={{ textTransform: 'uppercase', fontSize: 0 }}>
+    <Box
+      as="summary"
+      sx={{ textTransform: 'uppercase', fontSize: 0, cursor: 'pointer' }}
+    >
       Back Links ({references.length})
     </Box>
     <Box as="ul" sx={{ listStyleType: 'none', pl: 3 }}>

gatsby-theme-code-notes/src/components/Contents/Contents.tsx

@@ -27,7 +27,10 @@ export const Contents = ({ toc }) => {
 
   return (
     <Box as="details" sx={{ my: 4, fontSize: 1 }}>
-      <Box as="summary" sx={{ textTransform: 'uppercase', fontSize: 0 }}>
+      <Box
+        as="summary"
+        sx={{ textTransform: 'uppercase', fontSize: 0, cursor: 'pointer' }}
+      >
         On this page
       </Box>
       <ContentsList items={toc.items} key="toc-list" />

gatsby-theme-code-notes/src/components/Layout/Layout.tsx

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { Fragment, FunctionComponent, useState, useContext } from 'react'
-import { Global } from '@emotion/core'
+import { Global } from '@emotion/react'
 import {
   jsx,
   css,

gatsby-theme-code-notes/src/components/NoteList/useSortableData.ts

@@ -1,4 +1,4 @@
-import useLocalStorage from '@hookit/local-storage'
+import { useLocalStorage } from '@hookit/local-storage'
 import { useMemo } from 'react'
 
 export const useSortableData = (items, config = null) => {

gatsby-theme-code-notes/src/gatsby-plugin-theme-ui/buttons.js

@@ -11,23 +11,27 @@ export const buttons = {
     ml: 'auto',
     fontFamily: 'inherit',
     textTransform: 'uppercase',
+    cursor: 'pointer',
     '&:hover': {
       bg: 'badgeBgHover',
     },
     variant: 'utils.focusVisibleOutset',
   },
 
   icon: {
+    cursor: 'pointer',
     borderRadius: '50%',
     variant: 'utils.focusVisibleOutset',
   },
 
   menu: {
+    cursor: 'pointer',
     borderRadius: '50%',
     variant: 'utils.focusVisibleOutset',
   },
 
   sort: {
+    cursor: 'pointer',
     variant: 'utils.focusVisibleOutset',
     display: 'inline-flex',
     alignItems: 'center',

package.json

@@ -18,15 +18,15 @@
     "example"
   ],
   "dependencies": {
-    "eslint": "^7.15.0",
-    "eslint-config-prettier": "^7.0.0",
-    "eslint-plugin-prettier": "^3.2.0",
-    "eslint-plugin-react": "^7.21.5",
+    "eslint": "^7.24.0",
+    "eslint-config-prettier": "^8.2.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "husky": "^4.3.0",
+    "husky": "^6.0.0",
     "jest": "^26.6.3",
     "jest-emotion": "^11.0.0",
-    "lint-staged": "^10.5.3",
+    "lint-staged": "^10.5.4",
     "prettier": "^2.2.1"
   }
 }