@primer/components 0.0.0-202111023322 → 0.0.0-20211110135525

package/package.json

@@ -1,29 +1,28 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-202111023322",
+  "version": "0.0.0-20211110135525",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
-  "typings": "index.d.ts",
+  "typings": "lib/index.d.ts",
+  "sideEffects": [
+    "(lib|lib-esm)/behaviors/focusZone.js",
+    "(lib|lib-esm)/behaviors/focusTrap.js"
+  ],
   "scripts": {
-    "start": "cd docs && yarn run develop",
-    "dist": "concurrently yarn:dist:*",
-    "dist:rollup": "rm -rf dist && cross-env NODE_ENV=production rollup -c",
-    "dist:transpile:cjs": "rm -rf lib && cross-env BABEL_MODULE=commonjs babel src --out-dir lib --extensions '.js,.ts,.jsx,.tsx'",
-    "dist:transpile:esm": "rm -rf lib-esm && babel src --out-dir lib-esm --extensions '.js,.ts,.jsx,.tsx'",
-    "dist:types": "rm -rf types && tsc",
-    "lint": "eslint src docs/components",
-    "test": "jest -- src",
-    "update-snapshots": "jest -u -- src",
-    "watch": "jest --watch --no-coverage",
-    "playroom:start": "playroom start",
-    "playroom:build": "playroom build",
-    "build": "yarn playroom:build",
-    "release": "yarn dist && changeset publish",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "setup": "./script/setup",
+    "build": "./script/build",
+    "start": "concurrently npm:start:*",
+    "start:docs": "cd docs && npm run develop",
+    "start:storybook": "start-storybook -p 6006",
+    "lint": "eslint '**/*.{js,ts,tsx,md,mdx}' --max-warnings=0",
+    "lint:fix": "npm run lint -- --fix",
+    "test": "jest",
+    "test:update": "npm run test -- --updateSnapshot",
+    "release": "npm run build && changeset publish",
+    "size": "size-limit"
   },
-  "repository": "primer/components",
+  "repository": "primer/react",
   "keywords": [
     "react",
     "components",
@@ -37,85 +36,110 @@
     "lib-esm",
     "index.d.ts",
     "!lib/__tests__",
-    "!lib-esm/__tests__"
+    "!lib/stories",
+    "!lib-esm/__tests__",
+    "!lib-esm/stories"
   ],
   "author": "GitHub, Inc.",
   "license": "MIT",
   "dependencies": {
-    "@primer/octicons-react": "^11.3.0",
-    "@primer/primitives": "3.0.0",
+    "@primer/octicons-react": "^16.1.0",
+    "@primer/primitives": "7.1.1",
+    "@radix-ui/react-polymorphic": "0.0.14",
+    "@react-aria/ssr": "3.1.0",
     "@styled-system/css": "5.1.5",
-    "@styled-system/prop-types": "5.1.2",
-    "@styled-system/props": "5.1.4",
+    "@styled-system/props": "5.1.5",
     "@styled-system/theme-get": "5.1.2",
     "@types/history": "4.7.8",
-    "@types/styled-components": "5.1.7",
-    "@types/styled-system": "5.1.10",
-    "@types/styled-system__css": "5.0.14",
+    "@types/styled-components": "5.1.11",
+    "@types/styled-system": "5.1.12",
+    "@types/styled-system__css": "5.0.16",
     "@types/styled-system__theme-get": "5.0.1",
-    "classnames": "^2.2.5",
-    "polished": "3.5.2",
-    "react-is": "16.10.2",
-    "styled-system": "5.1.2"
+    "classnames": "2.3.1",
+    "color2k": "1.2.4",
+    "deepmerge": "4.2.2",
+    "focus-visible": "5.2.0",
+    "styled-system": "5.1.5"
   },
   "devDependencies": {
-    "@babel/cli": "7.8.4",
-    "@babel/core": "7.9.0",
-    "@babel/eslint-parser": "7.12.1",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "7.12.1",
-    "@babel/plugin-transform-modules-commonjs": "7.12.1",
-    "@babel/preset-react": "7.9.4",
-    "@babel/preset-typescript": "7.12.7",
-    "@changesets/changelog-github": "0.2.8",
-    "@changesets/cli": "2.13.0",
+    "@babel/cli": "7.14.5",
+    "@babel/core": "7.14.8",
+    "@babel/eslint-parser": "7.15.7",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "7.16.0",
+    "@babel/plugin-proposal-optional-chaining": "7.14.5",
+    "@babel/plugin-transform-modules-commonjs": "7.14.5",
+    "@babel/preset-react": "7.14.5",
+    "@babel/preset-typescript": "7.15.0",
+    "@changesets/changelog-github": "0.4.0",
+    "@changesets/cli": "2.17.0",
     "@github/prettier-config": "0.0.4",
-    "@rollup/plugin-commonjs": "16.0.0",
-    "@rollup/plugin-node-resolve": "7.1.3",
-    "@storybook/addon-actions": "^6.1.17",
-    "@storybook/addon-essentials": "^6.1.17",
-    "@storybook/addon-links": "^6.1.17",
-    "@storybook/react": "^6.1.17",
-    "@testing-library/dom": "7.29.0",
-    "@testing-library/react": "11.2.2",
-    "@testing-library/user-event": "12.6.0",
-    "@types/jest": "26.0.20",
-    "@types/jest-axe": "3.5.1",
-    "@typescript-eslint/eslint-plugin": "4.14.1",
-    "@typescript-eslint/parser": "4.14.1",
-    "@wojtekmaj/enzyme-adapter-react-17": "0.3.2",
+    "@rollup/plugin-commonjs": "19.0.2",
+    "@rollup/plugin-node-resolve": "13.0.5",
+    "@size-limit/preset-big-lib": "7.0.3",
+    "@storybook/addon-a11y": "6.3.12",
+    "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-essentials": "6.3.12",
+    "@storybook/addon-links": "^6.3.12",
+    "@storybook/react": "6.3.12",
+    "@testing-library/dom": "7.31.2",
+    "@testing-library/react": "11.2.7",
+    "@testing-library/react-hooks": "7.0.2",
+    "@testing-library/user-event": "13.1.9",
+    "@types/chroma-js": "2.1.3",
+    "@types/enzyme": "3.10.9",
+    "@types/jest": "27.0.2",
+    "@types/jest-axe": "3.5.3",
+    "@types/lodash.isempty": "4.4.6",
+    "@types/lodash.isobject": "3.0.6",
+    "@types/node": "16.11.11",
+    "@typescript-eslint/eslint-plugin": "4.31.2",
+    "@typescript-eslint/parser": "4.26.1",
+    "@wojtekmaj/enzyme-adapter-react-17": "0.6.3",
     "babel-core": "7.0.0-bridge.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-add-react-displayname": "0.0.5",
-    "babel-plugin-macros": "2.8.0",
+    "babel-plugin-macros": "3.1.0",
     "babel-plugin-preval": "5.0.0",
-    "babel-plugin-styled-components": "1.10.7",
+    "babel-plugin-styled-components": "2.0.2",
     "babel-plugin-transform-replace-expressions": "0.2.0",
     "babel-polyfill": "6.26.0",
-    "concurrently": "5.3.0",
-    "cross-env": "7.0.2",
-    "enzyme": "3.10.0",
-    "eslint": "6.5.1",
-    "eslint-plugin-github": "4.1.1",
-    "eslint-plugin-jest": "22.20.0",
-    "eslint-plugin-jsx-a11y": "6.2.3",
-    "eslint-plugin-prettier": "3.3.1",
-    "eslint-plugin-react": "7.22.0",
-    "eslint-plugin-react-hooks": "3.0.0",
-    "jest": "25.0.0",
-    "jest-axe": "4.1.0",
-    "jest-styled-components": "6.3.3",
-    "jscodeshift": "0.6.4",
-    "playroom": "0.15.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "react-test-renderer": "16.10.2",
-    "rollup": "2.33.1",
+    "chroma-js": "2.1.2",
+    "concurrently": "6.2.1",
+    "copyfiles": "2.4.1",
+    "cross-env": "7.0.3",
+    "enzyme": "3.11.0",
+    "eslint": "7.28.0",
+    "eslint-plugin-github": "4.1.3",
+    "eslint-plugin-jest": "24.3.6",
+    "eslint-plugin-jsx-a11y": "6.4.1",
+    "eslint-plugin-mdx": "1.15.1",
+    "eslint-plugin-prettier": "3.4.0",
+    "eslint-plugin-primer-react": "0.7.0",
+    "eslint-plugin-react": "7.24.0",
+    "eslint-plugin-react-hooks": "4.2.0",
+    "front-matter": "4.0.2",
+    "jest": "27.0.4",
+    "jest-axe": "5.0.1",
+    "jest-styled-components": "6.3.4",
+    "jscodeshift": "0.13.0",
+    "lodash.isempty": "4.4.0",
+    "lodash.isobject": "3.0.2",
+    "prettier": "2.3.2",
+    "react": "17.0.2",
+    "react-dnd": "14.0.4",
+    "react-dnd-html5-backend": "14.0.2",
+    "react-dom": "17.0.2",
+    "react-test-renderer": "17.0.2",
+    "rollup": "2.60.2",
     "rollup-plugin-babel": "4.4.0",
-    "rollup-plugin-terser": "5.3.0",
-    "rollup-plugin-visualizer": "4.0.4",
-    "semver": "7.3.2",
-    "styled-components": "4.4.0",
-    "typescript": "4.1.3"
+    "rollup-plugin-terser": "7.0.2",
+    "rollup-plugin-visualizer": "5.5.0",
+    "semver": "7.3.5",
+    "size-limit": "7.0.3",
+    "storybook-addon-performance": "0.16.1",
+    "styled-components": "4.4.1",
+    "ts-toolbelt": "9.6.0",
+    "typescript": "4.4.4"
   },
   "peerDependencies": {
     "react": "^17.0.0",
@@ -123,17 +147,20 @@
     "styled-components": "4.x || 5.x"
   },
   "prettier": "@github/prettier-config",
-  "actionBundlesize": {
-    "build": "yarn && yarn dist:rollup",
-    "files": [
-      {
-        "path": "dist/browser.esm.js",
-        "name": "ESM Build"
-      },
-      {
-        "path": "dist/browser.umd.js",
-        "name": "UMD Build"
-      }
-    ]
+  "size-limit": [
+    {
+      "path": "dist/browser.esm.js",
+      "webpack": false,
+      "running": false
+    },
+    {
+      "path": "dist/browser.umd.js",
+      "webpack": false,
+      "running": false
+    }
+  ],
+  "engines": {
+    "node": ">=16",
+    "npm": ">=8"
   }
 }

package/CHANGELOG.md

@@ -1,87 +0,0 @@
-# @primer/components
-
-## 0.0.0-202111023322
-
-### Patch Changes
-
-- [`8de64e95`](https://github.com/primer/components/commit/8de64e9588dd4c545f7eca3a13d74d5f860e2b0e) [#1029](https://github.com/primer/components/pull/1029) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `TabNav` to TypeScript
-
-* [`16aeca6b`](https://github.com/primer/components/commit/16aeca6bb37f1724037cd83db580eee69c473332) [#1032](https://github.com/primer/components/pull/1032) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `AvatarStack` to TypeScript
-
-- Fake entry to force publishing
-
-* [`c5d2b657`](https://github.com/primer/components/commit/c5d2b65725c7e584412430fd3156875b8e1714d8) [#1035](https://github.com/primer/components/pull/1035) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CircleBadge` to TypeScript
-
-- [`ff02c038`](https://github.com/primer/components/commit/ff02c038cdeef9cbeb8d050b3c5a951ccdbb9574) [#1033](https://github.com/primer/components/pull/1033) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Tooltip` to TypeScript
-
-* [`0d62f260`](https://github.com/primer/components/commit/0d62f260672453a7509173b5b6d02778cf73a3e8) [#1030](https://github.com/primer/components/pull/1030) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Caret` to TypeScript
-
-- [`058e7919`](https://github.com/primer/components/commit/058e791936399b1e08c31bfa18c772015da587c7) [#1036](https://github.com/primer/components/pull/1036) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CircleOcticon` to TypeScript
-
-* [`9b71bf38`](https://github.com/primer/components/commit/9b71bf387aad9f3cd3802594fd3cccc473b46661) [#998](https://github.com/primer/components/pull/998) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Position` to TypeScript
-
-- [`b2ac3010`](https://github.com/primer/components/commit/b2ac301092e37a319ddc10440f929425da066f69) [#1037](https://github.com/primer/components/pull/1037) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Timeline` to TypeScript
-
-* [`ef25d019`](https://github.com/primer/components/commit/ef25d01961d20fd590dd3abcef10c87fd26135be) [#1031](https://github.com/primer/components/pull/1031) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `AvatarPair` to TypeScript
-
-- [`62f45a12`](https://github.com/primer/components/commit/62f45a12fbd87d18adbc611a6410734f9fd16ab9) [#1028](https://github.com/primer/components/pull/1028) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `TextInput` to TypeScript
-
-* [`a4dce5da`](https://github.com/primer/components/commit/a4dce5daecdf65ce2ea8e55f962e5843b2b10e26) [#1017](https://github.com/primer/components/pull/1017) Thanks [@smockle](https://github.com/smockle)! - Migrate button components to TypeScript
-
-- [`11340814`](https://github.com/primer/components/commit/113408140bef3d47a023925aa975273e264959ac) [#1020](https://github.com/primer/components/pull/1020) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Header` to TypeScript
-
-## 23.0.3
-
-### Patch Changes
-
-- [`3e0110bc`](https://github.com/primer/components/commit/3e0110bc942ba080c8c7bbaf1778b88b3cc25570) [#995](https://github.com/primer/components/pull/995) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Flash` to TypeScript
-
-* [`b0cea82e`](https://github.com/primer/components/commit/b0cea82e27e72f2bd351c14721e0d70343c98ebd) [#1003](https://github.com/primer/components/pull/1003) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Truncate` to TypeScript
-
-- [`f9a7e78a`](https://github.com/primer/components/commit/f9a7e78a0e512be90cc349483ed6fab2010e1765) [#987](https://github.com/primer/components/pull/987) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `ProgressBar` to TypeScript
-
-* [`d848b9e0`](https://github.com/primer/components/commit/d848b9e054a0f96648ddd02b13ac9c19f56ecb42) [#993](https://github.com/primer/components/pull/993) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `StyledOcticon` to TypeScript
-
-- [`73bced4b`](https://github.com/primer/components/commit/73bced4bdf70b71137e1d4c349db232842efcdee) [#1015](https://github.com/primer/components/pull/1015) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `FilterList` to TypeScript
-
-* [`fcd773c4`](https://github.com/primer/components/commit/fcd773c4212062b2957dd3befba90ac034dd3fe5) [#1009](https://github.com/primer/components/pull/1009) Thanks [@emplums](https://github.com/emplums)! - Upgrade Octicons to 11.3.0
-
-- [`b9671ca2`](https://github.com/primer/components/commit/b9671ca28bbcf9521882f9ca2fed986c426a8833) [#1005](https://github.com/primer/components/pull/1005) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `CounterLabel` to TypeScript
-
-* [`1fb77ac3`](https://github.com/primer/components/commit/1fb77ac3b0ed60dee0481bd14f069f913d37cfdd) [#1012](https://github.com/primer/components/pull/1012) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Breadcrumb` to TypeScript
-
-- [`91002078`](https://github.com/primer/components/commit/91002078bc173134e7c94541fe5388fca0baefa5) [#1008](https://github.com/primer/components/pull/1008) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `StateLabel` to TypeScript
-
-* [`3a3c81a4`](https://github.com/primer/components/commit/3a3c81a4e71a88249d08a02d26575c7d00e35fa3) [#984](https://github.com/primer/components/pull/984) Thanks [@bscofield](https://github.com/bscofield)! - Migrate `Avatar` to TypeScript
-
-- [`df2920f5`](https://github.com/primer/components/commit/df2920f5e80e6f73d423f1e1dd468994a5894618) [#1014](https://github.com/primer/components/pull/1014) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `UnderlineNav` to TypeScript
-
-* [`b947aff2`](https://github.com/primer/components/commit/b947aff26f26d46ebe8f7bb4b930863ba1b05eaa) [#1006](https://github.com/primer/components/pull/1006) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `FilteredSearch` to TypeScript
-
-- [`2e71f70f`](https://github.com/primer/components/commit/2e71f70f2113de273b9c41a667f2fc9b539a01de) [#1011](https://github.com/primer/components/pull/1011) Thanks [@VanAnderson](https://github.com/VanAnderson)! - Migrate `Link` to TypeScript
-
-## 23.0.2
-
-### Patch Changes
-
-- [`7128403c`](https://github.com/primer/components/commit/7128403c488a2cfefda3743d7f92be8142071bc8) [#979](https://github.com/primer/components/pull/979) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Text` to TypeScript
-
-* [`fe16e21c`](https://github.com/primer/components/commit/fe16e21cb3a67d424cdbb663ea2d13e2397eb42c) [#982](https://github.com/primer/components/pull/982) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BaseStyles` to TypeScript
-
-- [`ee806857`](https://github.com/primer/components/commit/ee8068579106d34309faa1a0c44e1ed25edafb59) [#975](https://github.com/primer/components/pull/975) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Heading` to TypeScript
-
-* [`25315571`](https://github.com/primer/components/commit/2531557171cd2e39b980a456d42e15880e16256f) [#976](https://github.com/primer/components/pull/976) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Label` to TypeScript
-
-- [`4076bf4e`](https://github.com/primer/components/commit/4076bf4e173d997c46ba1130c5f0f86f04952790) [#986](https://github.com/primer/components/pull/986) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Flex` to TypeScript
-
-* [`397a46fe`](https://github.com/primer/components/commit/397a46fe1edee9c2bb71e6ceedafff8dc4e76cb2) [#976](https://github.com/primer/components/pull/976) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `LabelGroup` to TypeScript
-
-- [`e841e158`](https://github.com/primer/components/commit/e841e158dcc557169fce19c78d5d90af5fef6af6) [#983](https://github.com/primer/components/pull/983) Thanks [@shiftkey](https://github.com/shiftkey)! - Add supported `htmlFor` prop to `FormGroupLabelProps` type definition
-
-* [`dc0df4b2`](https://github.com/primer/components/commit/dc0df4b209d952b121f04fc86d0f2984a6e661cf) [#973](https://github.com/primer/components/pull/973) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BorderBox` to TypeScript
-
-- [`0cac0042`](https://github.com/primer/components/commit/0cac00426d4d29c51d9f110f091aac06c49ec054) [#974](https://github.com/primer/components/pull/974) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `BranchName` to TypeScript
-
-* [`755a1a5c`](https://github.com/primer/components/commit/755a1a5c19f6d6298f9c6785b50fed71aaea59ad) [#977](https://github.com/primer/components/pull/977) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Pagehead` to TypeScript
-
-- [`34ff4885`](https://github.com/primer/components/commit/34ff4885311686699fbb6d2e3fab0337bad3d016) [#989](https://github.com/primer/components/pull/989) Thanks [@colebemis](https://github.com/colebemis)! - Migrate `Grid` to TypeScript