feat(ariakit): ✨ update the core library to v2 (#326)

Author: navin-moorthy

.eslintignore

@@ -57,3 +57,4 @@ __js
 templates
 docs
 CHANGELOG.md
+.yalc

.husky/post-checkout

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-checkout'.\n"; exit 2; }
+git lfs post-checkout "$@"

.husky/post-commit

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-commit'.\n"; exit 2; }
+git lfs post-commit "$@"

.husky/post-merge

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/post-merge'.\n"; exit 2; }
+git lfs post-merge "$@"

.husky/pre-push

@@ -0,0 +1,3 @@
+#!/bin/sh
+command -v git-lfs >/dev/null 2>&1 || { echo >&2 "\nThis repository is configured for Git LFS but 'git-lfs' was not found on your path. If you no longer wish to use Git LFS, remove this hook by deleting '.git/hooks/pre-push'.\n"; exit 2; }
+git lfs pre-push "$@"

.prettierignore

@@ -57,3 +57,4 @@ __js
 templates
 docs
 CHANGELOG.md
+.yalc

.storybook/preview.js

@@ -16,6 +16,7 @@ export const decorators = [
   (Story, context) => {
     document.body.id = kebabCase(context.kind);
     document.body.classList.add("font-sans");
+    document.body.classList.add("antialiased");
 
     return <Story />;
   },

package.json

@@ -37,10 +37,8 @@
   ],
   "scripts": {
     "postinstall": "concurrently \"husky install\" \"patch-package\"",
-    "boot": "concurrently \"yarn keys\" \"yarn previews\"",
-    "keys": "node scripts/builds/keys",
     "previews": "node scripts/builds/create-previews.js",
-    "storybook": "cross-env TAILWIND_MODE=watch start-storybook -p 6006",
+    "storybook": "yarn previews && cross-env TAILWIND_MODE=watch start-storybook -p 6006",
     "test": "jest --config ./jest.config.ts --no-cache",
     "lint": "eslint --color --ext .js,.jsx,.ts,.tsx .",
     "lint:fix": "eslint --color --ext .js,.jsx,.ts,.tsx . --fix",
@@ -86,41 +84,52 @@
     ]
   },
   "dependencies": {
-    "@chakra-ui/counter": "^1.2.5",
-    "@chakra-ui/hooks": "^1.8.2",
-    "@chakra-ui/react-utils": "^1.2.2",
-    "@chakra-ui/utils": "^1.10.2",
-    "@radix-ui/popper": "^0.1.0",
-    "@radix-ui/react-use-rect": "^0.1.1",
-    "@radix-ui/react-use-size": "^0.1.0",
-    "@react-aria/i18n": "^3.3.5",
-    "@react-aria/slider": "^3.0.4",
-    "@react-aria/spinbutton": "^3.0.2",
-    "@react-aria/utils": "^3.11.1",
-    "@react-stately/slider": "^3.0.4",
-    "@react-types/slider": "^3.0.3",
+    "@chakra-ui/react-utils": "^1.2.3",
+    "@chakra-ui/utils": "^1.10.4",
+    "@internationalized/date": "3.0.0-rc.0",
+    "@react-aria/button": "^3.4.4",
+    "@react-aria/calendar": "3.0.0-rc.0",
+    "@react-aria/datepicker": "3.0.0-rc.0",
+    "@react-aria/i18n": "^3.3.9",
+    "@react-aria/numberfield": "^3.1.6",
+    "@react-aria/slider": "^3.0.8",
+    "@react-aria/spinbutton": "^3.0.6",
+    "@react-aria/utils": "^3.12.0",
+    "@react-stately/calendar": "3.0.0-rc.0",
+    "@react-stately/datepicker": "3.0.0-rc.0",
+    "@react-stately/numberfield": "^3.0.7",
+    "@react-stately/slider": "^3.0.8",
+    "ariakit": "2.0.0-next.26",
+    "ariakit-utils": "0.17.0-next.18",
     "date-fns": "^2.28.0",
     "raf": "^3.4.1",
-    "react-remove-scroll": "^2.4.4",
+    "react-remove-scroll": "^2.5.3",
     "reakit-system": "^0.15.2",
     "reakit-utils": "^0.15.2",
     "reakit-warning": "^0.6.2"
   },
   "devDependencies": {
-    "@babel/cli": "7.17.6",
-    "@babel/core": "7.17.9",
+    "@babel/cli": "7.17.10",
+    "@babel/core": "7.17.10",
     "@babel/plugin-proposal-class-properties": "7.16.7",
     "@babel/plugin-proposal-logical-assignment-operators": "7.16.7",
     "@babel/plugin-proposal-private-methods": "7.16.11",
     "@babel/plugin-proposal-private-property-in-object": "7.16.7",
-    "@babel/preset-env": "7.16.11",
+    "@babel/preset-env": "7.17.10",
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
-    "@commitlint/cli": "16.2.3",
-    "@commitlint/config-conventional": "16.2.1",
+    "@commitlint/cli": "16.2.4",
+    "@commitlint/config-conventional": "16.2.4",
     "@emotion/css": "11.9.0",
-    "@react-spring/web": "9.4.4",
-    "@release-it/conventional-changelog": "4.3.0",
+    "@react-spring/web": "9.4.5",
+    "@react-types/button": "^3.4.5",
+    "@react-types/calendar": "3.0.0-rc.0",
+    "@react-types/datepicker": "3.0.0-rc.0",
+    "@react-types/dialog": "^3.3.5",
+    "@react-types/numberfield": "^3.2.0",
+    "@react-types/shared": "^3.12.0",
+    "@react-types/slider": "^3.0.6",
+    "@release-it/conventional-changelog": "5.0.0",
     "@storybook/addon-a11y": "6.4.22",
     "@storybook/addon-actions": "6.4.22",
     "@storybook/addon-essentials": "6.4.22",
@@ -130,77 +139,79 @@
     "@storybook/react": "6.4.22",
     "@testing-library/dom": "8.13.0",
     "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "13.1.1",
+    "@testing-library/react": "13.2.0",
     "@testing-library/react-hooks": "8.0.0",
     "@testing-library/user-event": "14.1.1",
-    "@types/jest": "27.4.1",
+    "@types/jest": "27.5.0",
     "@types/jest-axe": "3.5.3",
     "@types/jest-in-case": "1.0.5",
     "@types/mockdate": "3.0.0",
-    "@types/node": "17.0.18",
+    "@types/node": "17.0.31",
     "@types/raf": "3.4.0",
-    "@types/react": "18.0.5",
-    "@types/react-dom": "18.0.1",
+    "@types/react": "18.0.9",
+    "@types/react-dom": "18.0.3",
     "@types/react-transition-group": "4.4.4",
     "@types/testing-library__jest-dom": "5.14.3",
     "all-contributors-cli": "6.20.0",
     "ast-to-markdown": "1.0.0",
-    "autoprefixer": "10.4.4",
-    "babel-jest": "27.5.1",
-    "babel-loader": "8.2.4",
+    "autoprefixer": "10.4.7",
+    "babel-jest": "28.1.0",
+    "babel-loader": "8.2.5",
     "babel-plugin-jsx-remove-data-test-id": "3.0.0",
     "chalk": "4.1.0",
     "codesandbox": "2.2.3",
     "concurrently": "7.1.0",
     "cross-env": "7.0.3",
-    "eslint": "8.13.0",
+    "eslint": "8.15.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-config-react-app": "7.0.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-simple-import-sort": "7.0.0",
-    "eslint-plugin-storybook": "0.5.10",
-    "gacp": "2.10.2",
+    "eslint-plugin-storybook": "0.5.11",
+    "gacp": "3.0.1",
     "glob": "8.0.1",
     "glob-fs": "0.1.7",
-    "husky": "7.0.4",
-    "jest": "27.5.1",
+    "husky": "8.0.0",
+    "jest": "28.1.0",
     "jest-axe": "6.0.0",
+    "jest-environment-jsdom": "^28.1.0",
     "jest-in-case": "1.0.2",
-    "jest-matcher-utils": "27.5.1",
-    "lint-staged": "12.3.8",
+    "jest-matcher-utils": "28.1.0",
+    "lint-staged": "12.4.1",
     "lodash": "4.17.21",
     "markdown-to-ast": "6.0.3",
     "markdown-toc": "1.2.0",
-    "md-node-inject": "1.0.1",
+    "md-node-inject": "2.0.0",
     "mockdate": "3.0.5",
     "node-fetch": "2.6.1",
     "outdent": "0.8.0",
     "patch-package": "6.4.7",
     "pinst": "3.0.0",
-    "postcss": "8.4.12",
+    "postcss": "8.4.13",
     "postcss-import": "14.1.0",
+    "postcss-merge-selectors": "^0.0.6",
     "postcss-scopify": "0.1.9",
     "prettier": "2.6.2",
     "raw-loader": "4.0.2",
-    "react": "18.0.0",
-    "react-dom": "18.0.0",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-hook-form": "7.30.0",
-    "react-test-renderer": "18.0.0",
+    "react-test-renderer": "18.1.0",
     "react-transition-group": "4.4.2",
     "react-virtual": "2.10.4",
     "reakit": "1.3.11",
     "reakit-test-utils": "0.15.2",
-    "release-it": "14.14.2",
+    "release-it": "15.0.0",
     "rimraf": "3.0.2",
-    "sort-package-json": "1.55.0",
+    "sort-package-json": "1.57.0",
     "storybook-addon-preview": "2.2.0",
     "storybook-addon-react-docgen": "1.2.42",
     "strip-comments": "2.0.1",
     "tailwindcss": "3.0.24",
-    "ts-jest": "27.1.4",
+    "ts-jest": "28.0.2",
     "ts-morph": "14.0.0",
     "ts-node": "10.7.0",
-    "typescript": "4.6.3",
+    "typescript": "4.6.4",
     "webpack": "5.72.0",
     "yaml": "2.0.1"
   },

postcss.config.js

@@ -31,9 +31,22 @@ function addIdScope() {
 
 module.exports = {
   plugins: [
+    require("postcss-import"),
     require("tailwindcss"),
     require("postcss-flexbugs-fixes"),
     require("autoprefixer")({ flexbox: "no-2009" }),
+    require("postcss-merge-selectors")({
+      matchers: {
+        active: {
+          selectorFilter: /(:active|\[data-active\])/,
+          promote: true,
+        },
+        focusVisible: {
+          selectorFilter: /(:focus-visible|\[data-focus-visible\])/,
+          promote: true,
+        },
+      },
+    }),
     rewriteRootRule(),
     addIdScope(),
   ],