chore: bump deps

jest.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   rootDir: __dirname,
+  testEnvironment: 'jsdom',
   coverageDirectory: './coverage/',
   transformIgnorePatterns: ['/node_modules/'],
   testPathIgnorePatterns: ['/node_modules/', 'lib', '/test/'],

package.json

@@ -45,20 +45,20 @@
   "sideEffects": false,
   "typings": "lib/index.d.ts",
   "dependencies": {
-    "@babel/runtime": "^7.14.0",
+    "@babel/runtime": "^7.14.6",
     "@reach/popover": "^0.15.0",
     "@reach/rect": "^0.15.0",
     "@reach/tooltip": "^0.15.0",
     "@reach/utils": "^0.15.0",
-    "@react-spring/web": "^9.1.2",
-    "date-fns": "^2.21.3",
+    "@react-spring/web": "^9.2.3",
+    "date-fns": "^2.22.1",
     "downshift": "^6.1.3",
     "downshift3": "npm:downshift@3.2.12",
     "fuzzaldrin-plus": "^0.6.0",
     "lodash.debounce": "^4.0.8",
-    "polished": "^4.1.2",
+    "polished": "^4.1.3",
     "ramda": "^0.27.1",
-    "rc-picker": "^2.5.7",
+    "rc-picker": "^2.5.12",
     "react": "^17.0.1",
     "react-autosize-textarea": "^7.0.0",
     "react-dom": "^17.0.1",
@@ -81,66 +81,66 @@
     "styled-components": ">=5.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.3",
-    "@babel/core": "^7.14.3",
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@babel/plugin-transform-runtime": "^7.14.3",
-    "@babel/preset-env": "^7.14.2",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.5",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.14.5",
     "@semantic-release/changelog": "^5.0.1",
     "@semantic-release/git": "^9.0.0",
-    "@testing-library/dom": "^7.31.0",
-    "@testing-library/jest-dom": "^5.12.0",
+    "@testing-library/dom": "^7.31.2",
+    "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^11.2.7",
     "@testing-library/user-event": "^13.1.9",
     "@types/fuzzaldrin-plus": "^0.6.1",
     "@types/jest": "^26.0.23",
     "@types/lodash.debounce": "^4.0.6",
     "@types/ramda": "^0.27.38",
-    "@types/react": "17.0.6",
-    "@types/react-dom": "^17.0.5",
+    "@types/react": "17.0.11",
+    "@types/react-dom": "^17.0.7",
     "@types/react-helmet": "^6.1.1",
     "@types/react-window": "^1.8.3",
-    "@types/styled-components": "5.1.9",
+    "@types/styled-components": "5.1.10",
     "@types/styled-system": "^5.1.11",
     "@types/yup": "^0.29.11",
-    "@typescript-eslint/eslint-plugin": "^4.24.0",
-    "@typescript-eslint/parser": "^4.24.0",
+    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/parser": "^4.27.0",
     "babel-core": "^7.0.0-0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.6.3",
+    "babel-jest": "^27.0.2",
     "babel-plugin-ramda": "^2.0.0",
     "babel-plugin-styled-components": "^1.12.0",
     "babel-plugin-typescript-to-proptypes": "^1.4.2",
     "cross-env": "^7.0.3",
-    "eslint": "^7.26.0",
+    "eslint": "^7.28.0",
     "eslint-config-yoctol": "^0.26.2",
     "eslint-import-resolver-jest": "^3.0.0",
-    "eslint-plugin-import": "2.23.2",
+    "eslint-plugin-import": "2.23.4",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react": "^7.24.0",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-sort-imports-es6-autofix": "^0.6.0",
     "eslint-plugin-typescript": "^0.14.0",
-    "formik": "^2.2.7",
+    "formik": "^2.2.9",
     "husky": "^6.0.0",
-    "jest": "^26.6.3",
+    "jest": "^27.0.3",
     "jest-styled-components": "^7.0.4",
     "lint-staged": "^11.0.0",
-    "prettier": "^2.3.0",
-    "prettier-package-json": "^2.5.0",
+    "prettier": "^2.3.1",
+    "prettier-package-json": "^2.6.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.48.0",
+    "rollup": "^2.52.1",
     "rollup-plugin-commonjs": "^10.1.0",
-    "semantic-release": "^17.4.3",
+    "semantic-release": "^17.4.4",
     "stylelint": "13.13.1",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-config-yoctol": "^5.0.0",
     "stylelint-processor-styled-components": "^1.10.0",
-    "typescript": "4.2.4",
+    "typescript": "4.3.3",
     "yup": "^0.32.9"
   },
   "publishConfig": {

src/Badge/__tests__/Badge.spec.tsx

@@ -102,6 +102,6 @@ describe('Backdrop', () => {
     expect(container).toHaveTextContent('1');
 
     userEvent.click(decrementBtn);
-    waitFor(() => expect(container).not.toHaveTextContent('0'));
+    await waitFor(() => expect(container).not.toHaveTextContent('0'));
   });
 });

src/Select/SelectOptions.tsx

@@ -97,8 +97,9 @@ const SelectOptions: FC<SelectOptionsProps> = ({
 }) => {
   const listRef = useRef<FixedSizeList>(null);
   const [prevSearchValue, setPrevSearchValue] = useState(inputValue);
-  const [createOptionWidth, setCreateOptionWidth] =
-    useState<number | undefined>(undefined);
+  const [createOptionWidth, setCreateOptionWidth] = useState<
+    number | undefined
+  >(undefined);
   const createOptionRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {

src/Slider/Slider.tsx

@@ -45,12 +45,11 @@ const Slider: FC<SliderProps> = ({
     initialDefaultValue || (range ? [0, 0] : 0)
   );
   const [stepOffset, setStepOffset] = useState<number>(0);
-  const [dragStart, setDragStart] =
-    useState<{
-      x: number;
-      value: number;
-      touch: boolean;
-    } | null>(null);
+  const [dragStart, setDragStart] = useState<{
+    x: number;
+    value: number;
+    touch: boolean;
+  } | null>(null);
 
   const value = (valueFromProps || defaultValue) as Value;
   const denominator = max - min;

src/lab/Tooltip/Tooltip.tsx

@@ -5,13 +5,12 @@ import {
   useTooltip,
 } from '@reach/tooltip';
 import { animated, useTransition } from '@react-spring/web';
+import type * as Polymorphic from '@reach/utils/polymorphic';
 
 import { Stack } from '../../Stack';
 
 import { TooltipStyle } from './styles';
 
-import type * as Polymorphic from '@reach/utils/polymorphic';
-
 const AnimatedTooltipContent = animated(TooltipPopup);
 
 interface TooltipProps

website/package.json

@@ -11,10 +11,11 @@
     "swizzle": "docusaurus swizzle"
   },
   "dependencies": {
-    "@babel/plugin-proposal-class-properties": "^7.13.0",
-    "@docusaurus/core": "2.0.0-alpha.72",
-    "@docusaurus/preset-classic": "2.0.0-alpha.72",
-    "@docusaurus/theme-live-codeblock": "2.0.0-alpha.72"
+    "@babel/plugin-proposal-class-properties": "^7.14.5",
+    "@docusaurus/core": "2.0.0-beta.0",
+    "@docusaurus/preset-classic": "2.0.0-beta.0",
+    "@docusaurus/theme-live-codeblock": "2.0.0-beta.0",
+    "react-icons": "^4.2.0"
   },
   "browserslist": {
     "production": [