Update deps and fix NaN check and bump to 0.137.0 (#210)

* Update minor deps

* Fix NaN check in Grid.tsx

* 0.137.0

examples/nextjs/package.json

@@ -8,7 +8,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@vimeo/iris": "^0.136.0",
+    "@vimeo/iris": "^0.137.0",
     "next": "12.0.3",
     "polished": "^4.1.3",
     "react": "17.0.2",

package.json

@@ -2,7 +2,7 @@
     "name": "@vimeo/iris",
     "homepage": "https://github.com/vimeo/iris/tree/main",
     "bugs": "https://github.com/vimeo/iris/issues",
-    "version": "0.136.0",
+    "version": "0.137.0",
     "private": false,
     "license": "MIT",
     "description": "Vimeo Design System",
@@ -24,15 +24,15 @@
     "types": "index.d.ts",
     "sideEffects": false,
     "devDependencies": {
-        "@babel/core": "^7.20.2",
+        "@babel/core": "^7.20.5",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
         "@babel/plugin-proposal-private-methods": "^7.18.6",
-        "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
+        "@babel/plugin-proposal-private-property-in-object": "^7.20.5",
         "@babel/plugin-transform-runtime": "^7.19.6",
         "@babel/preset-env": "^7.20.2",
         "@babel/preset-react": "^7.18.6",
         "@babel/preset-typescript": "^7.18.6",
-        "@babel/runtime": "^7.20.1",
+        "@babel/runtime": "^7.20.6",
         "@nox/addon-themes": "^1.1.3",
         "@rollup/plugin-babel": "^5.3.1",
         "@rollup/plugin-commonjs": "^21.1.0",
@@ -55,31 +55,31 @@
         "@types/react-dom": "^17.0.18",
         "@types/styled-components": "^5.1.26",
         "@types/webpack": "^5.28.0",
-        "@typescript-eslint/eslint-plugin": "^5.42.1",
-        "@typescript-eslint/parser": "^5.42.1",
+        "@typescript-eslint/eslint-plugin": "^5.44.0",
+        "@typescript-eslint/parser": "^5.44.0",
         "babel-jest": "^28.1.3",
         "babel-loader": "^8.3.0",
         "babel-plugin-polished": "^1.1.0",
         "babel-plugin-require-context-hook": "^1.0.0",
         "babel-plugin-styled-components": "^2.0.7",
         "circular-dependency-plugin": "^5.2.2",
-        "core-js": "^3.26.0",
-        "eslint": "^8.27.0",
+        "core-js": "^3.26.1",
+        "eslint": "^8.28.0",
         "eslint-config-prettier": "^8.5.0",
         "eslint-config-react": "^1.1.7",
         "eslint-formatter-codeframe": "^7.32.1",
         "eslint-plugin-immutable": "^1.0.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.31.10",
+        "eslint-plugin-react": "^7.31.11",
         "eslint-plugin-react-hooks": "^4.6.0",
         "framer-motion": "^6.5.1",
         "jest": "^28.1.3",
         "jest-environment-jsdom": "^28.1.3",
         "polished": "^4.2.2",
         "pre-commit": "^1.2.2",
-        "prettier": "^2.7.1",
+        "prettier": "^2.8.0",
         "react": "*",
         "react-dom": "*",
         "react-is": "^17.0.2",
@@ -92,12 +92,12 @@
         "stylelint-config-styled-components": "^0.1.1",
         "stylelint-processor-styled-components": "^1.10.0",
         "tslib": "^2.4.1",
-        "typescript": "4.8.4",
+        "typescript": "4.9.3",
         "typescript-plugin-styled-components": "^2.0.0",
-        "webpack": "^5.74.0"
+        "webpack": "^5.75.0"
     },
     "peerDependencies": {
-        "@babel/runtime": "^7.20.1",
+        "@babel/runtime": "^7.20.6",
         "polished": "^4.2.2",
         "react": "^16.13.1 || ^17.0.0",
         "react-dom": "^16.13.1 || ^17.0.0",

src/_deprecated/Grid/Grid.tsx

@@ -36,7 +36,8 @@ function GridComponent({
   useEffect(() => {
     const lastGap = gridGap;
     const gap = parseInt(ref.current?.style?.gap.slice(0, -2) ?? 0);
-    const gapChanged = gap !== NaN && gap !== lastGap && gap > 0;
+    const gapChanged =
+      !Number.isNaN(gap) && gap !== lastGap && gap > 0;
 
     if (gapChanged) dispatch({ type: 'SET_GRID_GAP', payload: gap });
   }, [gridGap]);

src/utils/HOCs/withIris.ts

@@ -9,7 +9,7 @@ import {
 } from 'react';
 import { ThemeContext } from 'styled-components';
 
-const version = '0.136.0';
+const version = '0.137.0';
 
 type IrisMeta =
   | true