From 432176efe36ec6a4c44dd9dddc7079dc47506fb4 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Tue, 11 Jan 2022 18:23:05 +0530 Subject: [PATCH 01/14] use doctocat from #332 --- docs/package-lock.json | 411 ++++++++++++++++++++--------------------- docs/package.json | 2 +- 2 files changed, 206 insertions(+), 207 deletions(-) diff --git a/docs/package-lock.json b/docs/package-lock.json index 4f3e0aa4822..c085137c5ad 100644 --- a/docs/package-lock.json +++ b/docs/package-lock.json @@ -805,17 +805,17 @@ } }, "@babel/plugin-transform-react-display-name": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.16.0.tgz", - "integrity": "sha512-FJFdJAqaCpndL+pIf0aeD/qlQwT7QXOvR6Cc8JPvNhKJBi2zc/DPc4g05Y3fbD/0iWAMQFGij4+Xw+4L/BMpTg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.16.7.tgz", + "integrity": "sha512-qgIg8BcZgd0G/Cz916D5+9kqX0c7nPZyXaP8R2tLNN5tkyIZdG5fEwBrxwplzSnjC1jvQmyMNVwUCZPcbGY7Pg==", "requires": { - "@babel/helper-plugin-utils": "^7.14.5" + "@babel/helper-plugin-utils": "^7.16.7" }, "dependencies": { "@babel/helper-plugin-utils": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz", - "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz", + "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==" } } }, @@ -832,103 +832,103 @@ } }, "@babel/plugin-transform-react-jsx-development": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.16.0.tgz", - "integrity": "sha512-qq65iSqBRq0Hr3wq57YG2AmW0H6wgTnIzpffTphrUWUgLCOK+zf1f7G0vuOiXrp7dU1qq+fQBoqZ3wCDAkhFzw==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.16.7.tgz", + "integrity": "sha512-RMvQWvpla+xy6MlBpPlrKZCMRs2AGiHOGHY3xRwl0pEeim348dDyxeH4xBsMPbIMhujeq7ihE702eM2Ew0Wo+A==", "requires": { - "@babel/plugin-transform-react-jsx": "^7.16.0" + "@babel/plugin-transform-react-jsx": "^7.16.7" }, "dependencies": { "@babel/helper-annotate-as-pure": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.0.tgz", - "integrity": "sha512-ItmYF9vR4zA8cByDocY05o0LGUkp1zhbTQOH1NFyl5xXEqlTJQCEJjieriw+aFpxo16swMxUnUiKS7a/r4vtHg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz", + "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-module-imports": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz", - "integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz", + "integrity": "sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-plugin-utils": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz", - "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz", + "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==" }, "@babel/helper-validator-identifier": { - "version": "7.15.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz", - "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==" }, "@babel/plugin-syntax-jsx": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.0.tgz", - "integrity": "sha512-8zv2+xiPHwly31RK4RmnEYY5zziuF3O7W2kIDW+07ewWDh6Oi0dRq8kwvulRkFgt6DB97RlKs5c1y068iPlCUg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.7.tgz", + "integrity": "sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==", "requires": { - "@babel/helper-plugin-utils": "^7.14.5" + "@babel/helper-plugin-utils": "^7.16.7" } }, "@babel/plugin-transform-react-jsx": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.16.0.tgz", - "integrity": "sha512-rqDgIbukZ44pqq7NIRPGPGNklshPkvlmvqjdx3OZcGPk4zGIenYkxDTvl3LsSL8gqcc3ZzGmXPE6hR/u/voNOw==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.16.7.tgz", + "integrity": "sha512-8D16ye66fxiE8m890w0BpPpngG9o9OVBBy0gH2E+2AR7qMR2ZpTYJEqLxAsoroenMId0p/wMW+Blc0meDgu0Ag==", "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "@babel/helper-plugin-utils": "^7.14.5", - "@babel/plugin-syntax-jsx": "^7.16.0", - "@babel/types": "^7.16.0" + "@babel/helper-annotate-as-pure": "^7.16.7", + "@babel/helper-module-imports": "^7.16.7", + "@babel/helper-plugin-utils": "^7.16.7", + "@babel/plugin-syntax-jsx": "^7.16.7", + "@babel/types": "^7.16.7" } }, "@babel/types": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz", - "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==", + "version": "7.16.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz", + "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==", "requires": { - "@babel/helper-validator-identifier": "^7.15.7", + "@babel/helper-validator-identifier": "^7.16.7", "to-fast-properties": "^2.0.0" } } } }, "@babel/plugin-transform-react-pure-annotations": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.16.0.tgz", - "integrity": "sha512-NC/Bj2MG+t8Ef5Pdpo34Ay74X4Rt804h5y81PwOpfPtmAK3i6CizmQqwyBQzIepz1Yt8wNr2Z2L7Lu3qBMfZMA==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.16.7.tgz", + "integrity": "sha512-hs71ToC97k3QWxswh2ElzMFABXHvGiJ01IB1TbYQDGeWRKWz/MPUTh5jGExdHvosYKpnJW5Pm3S4+TA3FyX+GA==", "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-plugin-utils": "^7.14.5" + "@babel/helper-annotate-as-pure": "^7.16.7", + "@babel/helper-plugin-utils": "^7.16.7" }, "dependencies": { "@babel/helper-annotate-as-pure": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.0.tgz", - "integrity": "sha512-ItmYF9vR4zA8cByDocY05o0LGUkp1zhbTQOH1NFyl5xXEqlTJQCEJjieriw+aFpxo16swMxUnUiKS7a/r4vtHg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz", + "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-plugin-utils": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz", - "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz", + "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==" }, "@babel/helper-validator-identifier": { - "version": "7.15.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz", - "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==" }, "@babel/types": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz", - "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==", + "version": "7.16.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz", + "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==", "requires": { - "@babel/helper-validator-identifier": "^7.15.7", + "@babel/helper-validator-identifier": "^7.16.7", "to-fast-properties": "^2.0.0" } } @@ -1211,75 +1211,75 @@ } }, "@babel/preset-react": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.16.0.tgz", - "integrity": "sha512-d31IFW2bLRB28uL1WoElyro8RH5l6531XfxMtCeCmp6RVAF1uTfxxUA0LH1tXl+psZdwfmIbwoG4U5VwgbhtLw==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.16.7.tgz", + "integrity": "sha512-fWpyI8UM/HE6DfPBzD8LnhQ/OcH8AgTaqcqP2nGOXEUV+VKBR5JRN9hCk9ai+zQQ57vtm9oWeXguBCPNUjytgA==", "requires": { - "@babel/helper-plugin-utils": "^7.14.5", - "@babel/helper-validator-option": "^7.14.5", - "@babel/plugin-transform-react-display-name": "^7.16.0", - "@babel/plugin-transform-react-jsx": "^7.16.0", - "@babel/plugin-transform-react-jsx-development": "^7.16.0", - "@babel/plugin-transform-react-pure-annotations": "^7.16.0" + "@babel/helper-plugin-utils": "^7.16.7", + "@babel/helper-validator-option": "^7.16.7", + "@babel/plugin-transform-react-display-name": "^7.16.7", + "@babel/plugin-transform-react-jsx": "^7.16.7", + "@babel/plugin-transform-react-jsx-development": "^7.16.7", + "@babel/plugin-transform-react-pure-annotations": "^7.16.7" }, "dependencies": { "@babel/helper-annotate-as-pure": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.0.tgz", - "integrity": "sha512-ItmYF9vR4zA8cByDocY05o0LGUkp1zhbTQOH1NFyl5xXEqlTJQCEJjieriw+aFpxo16swMxUnUiKS7a/r4vtHg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz", + "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-module-imports": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz", - "integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz", + "integrity": "sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-plugin-utils": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.14.5.tgz", - "integrity": "sha512-/37qQCE3K0vvZKwoK4XU/irIJQdIfCJuhU5eKnNxpFDsOkgFaUAwbv+RYw6eYgsC0E4hS7r5KqGULUogqui0fQ==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.16.7.tgz", + "integrity": "sha512-Qg3Nk7ZxpgMrsox6HreY1ZNKdBq7K72tDSliA6dCl5f007jR4ne8iD5UzuNnCJH2xBf2BEEVGr+/OL6Gdp7RxA==" }, "@babel/helper-validator-identifier": { - "version": "7.15.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz", - "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==" }, "@babel/helper-validator-option": { - "version": "7.14.5", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz", - "integrity": "sha512-OX8D5eeX4XwcroVW45NMvoYaIuFI+GQpA2a8Gi+X/U/cDUIRsV37qQfF905F0htTRCREQIB4KqPeaveRJUl3Ow==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz", + "integrity": "sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==" }, "@babel/plugin-syntax-jsx": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.0.tgz", - "integrity": "sha512-8zv2+xiPHwly31RK4RmnEYY5zziuF3O7W2kIDW+07ewWDh6Oi0dRq8kwvulRkFgt6DB97RlKs5c1y068iPlCUg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.16.7.tgz", + "integrity": "sha512-Esxmk7YjA8QysKeT3VhTXvF6y77f/a91SIs4pWb4H2eWGQkCKFgQaG6hdoEVZtGsrAcb2K5BW66XsOErD4WU3Q==", "requires": { - "@babel/helper-plugin-utils": "^7.14.5" + "@babel/helper-plugin-utils": "^7.16.7" } }, "@babel/plugin-transform-react-jsx": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.16.0.tgz", - "integrity": "sha512-rqDgIbukZ44pqq7NIRPGPGNklshPkvlmvqjdx3OZcGPk4zGIenYkxDTvl3LsSL8gqcc3ZzGmXPE6hR/u/voNOw==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.16.7.tgz", + "integrity": "sha512-8D16ye66fxiE8m890w0BpPpngG9o9OVBBy0gH2E+2AR7qMR2ZpTYJEqLxAsoroenMId0p/wMW+Blc0meDgu0Ag==", "requires": { - "@babel/helper-annotate-as-pure": "^7.16.0", - "@babel/helper-module-imports": "^7.16.0", - "@babel/helper-plugin-utils": "^7.14.5", - "@babel/plugin-syntax-jsx": "^7.16.0", - "@babel/types": "^7.16.0" + "@babel/helper-annotate-as-pure": "^7.16.7", + "@babel/helper-module-imports": "^7.16.7", + "@babel/helper-plugin-utils": "^7.16.7", + "@babel/plugin-syntax-jsx": "^7.16.7", + "@babel/types": "^7.16.7" } }, "@babel/types": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz", - "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==", + "version": "7.16.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz", + "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==", "requires": { - "@babel/helper-validator-identifier": "^7.15.7", + "@babel/helper-validator-identifier": "^7.16.7", "to-fast-properties": "^2.0.0" } } @@ -2120,9 +2120,9 @@ } }, "@primer/component-metadata": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/@primer/component-metadata/-/component-metadata-0.4.0.tgz", - "integrity": "sha512-yppmDSSDrN2CHwjq3h+RWhfpjehFQAx21JcEipYyNTp0f/kC+iazFVNCKZE6DOavAxv003ti7QIrp+QkPT9tpg==" + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/@primer/component-metadata/-/component-metadata-0.4.1.tgz", + "integrity": "sha512-iy5ZEeIRN6pFFG7px2ruuA726yVB/n4lsgM3msfdg9qJzfS9qE2JCqq2OuvQ+yXUTxb3JKROaDSH403kdpFR4Q==" }, "@primer/components": { "version": "30.3.0", @@ -2161,9 +2161,9 @@ } }, "@primer/gatsby-theme-doctocat": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@primer/gatsby-theme-doctocat/-/gatsby-theme-doctocat-3.1.0.tgz", - "integrity": "sha512-8skg8ocU+TpXkfO/JhwxG4dzOs574xZx7assh4kCdFpa0cAKqGJQzjzuosMRPs8aPYdLg6lFnre8YgFpk8C6iA==", + "version": "0.0.0-2022011123325", + "resolved": "https://registry.npmjs.org/@primer/gatsby-theme-doctocat/-/gatsby-theme-doctocat-0.0.0-2022011123325.tgz", + "integrity": "sha512-7gJHaJPDCs+9wqH62aO5X/05XkPfAyNxZJrwWjuKu9dJNGSUA7DE1z29jvL9AWPMk2FcZtJ0Y/7RVPgukcl0Cw==", "requires": { "@babel/preset-env": "^7.5.5", "@babel/preset-react": "^7.0.0", @@ -2219,9 +2219,9 @@ }, "dependencies": { "@primer/octicons-react": { - "version": "16.1.1", - "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-16.1.1.tgz", - "integrity": "sha512-xCxQ5z23ol7yDuJs85Lc4ARzyoay+b3zOhAKkEMU7chk0xi2hT2OnRP23QUudNNDPTGozX268RGYLexUa6P4xw==" + "version": "16.2.0", + "resolved": "https://registry.npmjs.org/@primer/octicons-react/-/octicons-react-16.2.0.tgz", + "integrity": "sha512-943t5kkVRt+/hxVnKS27xweUp4lXFxwJaTrsit1C1xBB4kqdjzmYGpU84zwKsNyyV2Ch7may3umKjbI/mFBPPQ==" } } }, @@ -2519,9 +2519,9 @@ "integrity": "sha512-M2BiThcbxMxSKX8W4z5u9jKZn6datnM3+FpEU+eYw0//l31E2xhqi7vTAuJ/Sf0P3yhp66SDJgPu3bRRpvrdQQ==" }, "@types/babel__core": { - "version": "7.1.16", - "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.16.tgz", - "integrity": "sha512-EAEHtisTMM+KaKwfWdC3oyllIqswlznXCIVCt7/oRNrh+DhgT4UEBNC/jlADNjvw7UnfbcdkGQcPVZ1xYiLcrQ==", + "version": "7.1.18", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.1.18.tgz", + "integrity": "sha512-S7unDjm/C7z2A2R9NzfKCK1I+BAALDtxEmsJBwlB3EzNfb929ykjL++1CK9LO++EIp2fQrC8O+BwjKvz6UeDyQ==", "requires": { "@babel/parser": "^7.1.0", "@babel/types": "^7.0.0", @@ -2531,9 +2531,9 @@ } }, "@types/babel__generator": { - "version": "7.6.3", - "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.3.tgz", - "integrity": "sha512-/GWCmzJWqV7diQW54smJZzWbSFf4QYtF71WCKhcx6Ru/tFyQIY2eiiITcCAeuPbNSvT9YCGkVMqqvSk2Z0mXiA==", + "version": "7.6.4", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.4.tgz", + "integrity": "sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==", "requires": { "@babel/types": "^7.0.0" } @@ -3606,9 +3606,9 @@ }, "dependencies": { "follow-redirects": { - "version": "1.14.5", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.5.tgz", - "integrity": "sha512-wtphSXy7d4/OR+MvIFbCVBDzZ5520qV8XfPklSN5QtxuMUJZ+b0Wnst1e1lCDocfzuCkHqj8k0FpZqO+UIaKNA==" + "version": "1.14.7", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.14.7.tgz", + "integrity": "sha512-+hbxoLbFMbRKDwohX8GkTataGqO6Jb7jGwpAlwgy2bIz25XtRm7KEzJM76R1WiNT5SwZkX4Y75SwBolkpmE7iQ==" } } }, @@ -3791,9 +3791,9 @@ "integrity": "sha512-PkHJuRodMp4p617a/ZVhV8elBhRoFpOTpdu2DaApXJFIsDJWhjZ8d4BGbbFCT/yKJrhRDTdqg1r5AhWEaEUKkw==" }, "babel-plugin-styled-components": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.1.tgz", - "integrity": "sha512-U3wmORxerYBiqcRCo6thItIosEIga3F+ph0jJPkiOZJjyhpZyUZFQV9XvrZ2CbBIihJ3rDBC/itQ+Wx3VHMauw==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.2.tgz", + "integrity": "sha512-7eG5NE8rChnNTDxa6LQfynwgHTVOYYaHJbUYSlOhk8QBXIQiMBKq4gyfHBBKPrxUcVBXVJL61ihduCpCQbuNbw==", "requires": { "@babel/helper-annotate-as-pure": "^7.16.0", "@babel/helper-module-imports": "^7.16.0", @@ -3802,32 +3802,32 @@ }, "dependencies": { "@babel/helper-annotate-as-pure": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.0.tgz", - "integrity": "sha512-ItmYF9vR4zA8cByDocY05o0LGUkp1zhbTQOH1NFyl5xXEqlTJQCEJjieriw+aFpxo16swMxUnUiKS7a/r4vtHg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz", + "integrity": "sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-module-imports": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.0.tgz", - "integrity": "sha512-kkH7sWzKPq0xt3H1n+ghb4xEMP8k0U7XV3kkB+ZGy69kDk2ySFW1qPi06sjKzFY3t1j6XbJSqr4mF9L7CYVyhg==", + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz", + "integrity": "sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==", "requires": { - "@babel/types": "^7.16.0" + "@babel/types": "^7.16.7" } }, "@babel/helper-validator-identifier": { - "version": "7.15.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.15.7.tgz", - "integrity": "sha512-K4JvCtQqad9OY2+yTU8w+E82ywk/fe+ELNlt1G8z3bVGlZfn/hOcQQsUhGhW/N+tb3fxK800wLtKOE/aM0m72w==" + "version": "7.16.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz", + "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==" }, "@babel/types": { - "version": "7.16.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.0.tgz", - "integrity": "sha512-PJgg/k3SdLsGb3hhisFvtLOw5ts113klrpLuIPtCJIU+BB24fqq6lf8RWqKJEjzqXR9AEH1rIb5XTqwBHB+kQg==", + "version": "7.16.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.16.8.tgz", + "integrity": "sha512-smN2DQc5s4M7fntyjGtyIPbRJv6wW4rU/94fmYJ7PKQuZkC0qGMHXJbg6sNGt12JmVr4k5YaptI/XtiLJBnmIg==", "requires": { - "@babel/helper-validator-identifier": "^7.15.7", + "@babel/helper-validator-identifier": "^7.16.7", "to-fast-properties": "^2.0.0" } } @@ -5103,9 +5103,9 @@ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=" }, "color-string": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.6.0.tgz", - "integrity": "sha512-c/hGS+kRWJutUBEngKKmk4iH3sD59MBkoxVapS/0wgpCz2u7XsNloxknyvBhzwEs1IbV36D9PwqLPJ2DTu3vMA==", + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.0.tgz", + "integrity": "sha512-9Mrz2AQLefkH1UvASKj6v6hj/7eWgjnT/cVsR8CumieLoT+g900exWeNogqtweI8dxloXN9BDQTYro1oWu/5CQ==", "requires": { "color-name": "^1.0.0", "simple-swizzle": "^0.2.2" @@ -5517,9 +5517,9 @@ } }, "core-js": { - "version": "3.19.1", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.19.1.tgz", - "integrity": "sha512-Tnc7E9iKd/b/ff7GFbhwPVzJzPztGrChB8X8GLqoYGdEOG8IpLnK1xPyo3ZoO3HsK6TodJS58VGPOxA+hLHQMg==" + "version": "3.20.2", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.2.tgz", + "integrity": "sha512-nuqhq11DcOAbFBV4zCbKeGbKQsUDRqTX0oqx7AttUBuqe3h20ixsE039QHelbL6P4h+9kytVqyEtyZ6gsiwEYw==" }, "core-js-compat": { "version": "3.13.0", @@ -8189,9 +8189,9 @@ "integrity": "sha512-zAoAQiudy+r5SvnSw3KJy5os/oRJYHzrzja/tBDqrZtNhUw8bt6y8OBzMWcjWr+8liV8Eb6yOhw8WZ7VFZ5ZzA==" }, "focus-lock": { - "version": "0.9.2", - "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.9.2.tgz", - "integrity": "sha512-YtHxjX7a0IC0ZACL5wsX8QdncXofWpGPNoVMuI/nZUrPGp6LmNI6+D5j0pPj+v8Kw5EpweA+T5yImK0rnWf7oQ==", + "version": "0.10.1", + "resolved": "https://registry.npmjs.org/focus-lock/-/focus-lock-0.10.1.tgz", + "integrity": "sha512-b9yUklCi4fTu2GXn7dnaVf4hiLVVBp7xTiZarAHMODV2To6Bitf6F/UI67RmKbdgJQeVwI1UO0d9HYNbXt3GkA==", "requires": { "tslib": "^2.0.3" } @@ -11034,9 +11034,9 @@ "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==" }, "hosted-git-info": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.0.2.tgz", - "integrity": "sha512-c9OGXbZ3guC/xOlCg1Ci/VgWlwsqDv1yMQL1CWqXDL0hDjXuNcq0zuR4xqPSuasI3kqFDhqSyTjREz5gzq0fXg==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", + "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", "requires": { "lru-cache": "^6.0.0" } @@ -11645,12 +11645,12 @@ "integrity": "sha1-wc56MWjIxmFAM6S194d/OyJfnDg=" }, "html-dom-parser": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-1.0.2.tgz", - "integrity": "sha512-Jq4oVkVSn+10ut3fyc2P/Fs1jqTo0l45cP6Q8d2ef/9jfkYwulO0QXmyLI0VUiZrXF4czpGgMEJRa52CQ6Fk8Q==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/html-dom-parser/-/html-dom-parser-1.0.4.tgz", + "integrity": "sha512-ThM/vK/18R5/cVB9UsqhNqbJU7LE2BmSA7C/FjYV88wIDW75GSUpvSE/JxE4mJ8bOuU6Kp15/I1giM2JbD+ieA==", "requires": { - "domhandler": "4.2.2", - "htmlparser2": "6.1.0" + "domhandler": "4.3.0", + "htmlparser2": "7.2.0" }, "dependencies": { "dom-serializer": { @@ -11661,6 +11661,13 @@ "domelementtype": "^2.0.1", "domhandler": "^4.2.0", "entities": "^2.0.0" + }, + "dependencies": { + "entities": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", + "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==" + } } }, "domelementtype": { @@ -11669,9 +11676,9 @@ "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==" }, "domhandler": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.2.2.tgz", - "integrity": "sha512-PzE9aBMsdZO8TK4BnuJwH0QT41wgMbRzuZrHUcpYncEjmQazq8QEaBWgLG7ZyC/DAZKEgglpIA6j4Qn/HmxS3w==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.0.tgz", + "integrity": "sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==", "requires": { "domelementtype": "^2.2.0" } @@ -11687,19 +11694,19 @@ } }, "entities": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", - "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==" + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-3.0.1.tgz", + "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==" }, "htmlparser2": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz", - "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==", + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-7.2.0.tgz", + "integrity": "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog==", "requires": { "domelementtype": "^2.0.1", - "domhandler": "^4.0.0", - "domutils": "^2.5.2", - "entities": "^2.0.0" + "domhandler": "^4.2.2", + "domutils": "^2.8.0", + "entities": "^3.0.1" } } } @@ -11723,12 +11730,12 @@ "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==" }, "html-react-parser": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-1.4.0.tgz", - "integrity": "sha512-v8Kxy+7L90ZFSM690oJWBNRzZWZOQquYPpQt6kDQPzQyZptXgOJ69kHSi7xdqNdm1mOfsDPwF4K9Bo/dS5gRTQ==", + "version": "1.4.5", + "resolved": "https://registry.npmjs.org/html-react-parser/-/html-react-parser-1.4.5.tgz", + "integrity": "sha512-dxo0z1G9b3mS1VGmcVw4cUGwVsEwkJZZ7r29pOSdE69JukJyFTCL1I6TXSEp2p1LAHvuO6ZBiEVp2M5lXqKLAg==", "requires": { - "domhandler": "4.2.2", - "html-dom-parser": "1.0.2", + "domhandler": "4.3.0", + "html-dom-parser": "1.0.4", "react-property": "2.0.0", "style-to-js": "1.1.0" }, @@ -11739,9 +11746,9 @@ "integrity": "sha512-DtBMo82pv1dFtUmHyr48beiuq792Sxohr+8Hm9zoxklYPfa6n0Z3Byjj2IV7bmr2IyqClnqEQhfgHJJ5QF0R5A==" }, "domhandler": { - "version": "4.2.2", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.2.2.tgz", - "integrity": "sha512-PzE9aBMsdZO8TK4BnuJwH0QT41wgMbRzuZrHUcpYncEjmQazq8QEaBWgLG7ZyC/DAZKEgglpIA6j4Qn/HmxS3w==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.0.tgz", + "integrity": "sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==", "requires": { "domelementtype": "^2.2.0" } @@ -13340,9 +13347,9 @@ "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==" }, "json-schema": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", - "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=" + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz", + "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==" }, "json-schema-traverse": { "version": "0.4.1", @@ -13381,13 +13388,13 @@ } }, "jsprim": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.1.tgz", - "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=", + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz", + "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==", "requires": { "assert-plus": "1.0.0", "extsprintf": "1.3.0", - "json-schema": "0.2.3", + "json-schema": "0.4.0", "verror": "1.10.0" } }, @@ -14526,11 +14533,6 @@ "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz", "integrity": "sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=" }, - "node-modules-regexp": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz", - "integrity": "sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=" - }, "node-notifier": { "version": "5.4.5", "resolved": "https://registry.npmjs.org/node-notifier/-/node-notifier-5.4.5.tgz", @@ -15235,12 +15237,9 @@ } }, "pirates": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.1.tgz", - "integrity": "sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==", - "requires": { - "node-modules-regexp": "^1.0.0" - } + "version": "4.0.4", + "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.4.tgz", + "integrity": "sha512-ZIrVPH+A52Dw84R0L3/VS9Op04PuQ2SEoJL6bkshmiTic/HldyW9Tf7oH5mhJZBK7NmDx27vSMrYEXPXclpDKw==" }, "pkg-dir": { "version": "3.0.0", @@ -15981,9 +15980,9 @@ "integrity": "sha512-w23ch4f75V1Tnz8DajsYKvY5lF7H1+WvzvLUcF0paFxkTHSp42RS0H5CttdN2Q8RR3DRGZ9v5xD/h3n8C8kGmg==" }, "prismjs": { - "version": "1.25.0", - "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.25.0.tgz", - "integrity": "sha512-WCjJHl1KEWbnkQom1+SzftbtXMKQoezOCYs5rECqMN+jP+apI7ftoflyqigqzopSO3hMhTEb0mFClA8lkolgEg==" + "version": "1.26.0", + "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.26.0.tgz", + "integrity": "sha512-HUoH9C5Z3jKkl3UunCyiD5jwk0+Hz0fIgQ2nbwU2Oo/ceuTAQAg+pPVnfdt2TJWRVLcxKh9iuoYDUSc8clb5UQ==" }, "process-nextick-args": { "version": "2.0.1", @@ -16408,12 +16407,12 @@ "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==" }, "react-focus-lock": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.6.0.tgz", - "integrity": "sha512-2yB5KWyaefbvFDgqvsg/KpIjbqVlhIY2c/dyDcokDLhB3Ib7I4bjsrta5OkI5euUoIu5xBTyBwIQZPykUJAr1g==", + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.7.1.tgz", + "integrity": "sha512-ImSeVmcrLKNMqzUsIdqOkXwTVltj79OPu43oT8tVun7eIckA4VdM7UmYUFo3H/UC2nRVgagMZGFnAOQEDiDYcA==", "requires": { "@babel/runtime": "^7.0.0", - "focus-lock": "^0.9.2", + "focus-lock": "^0.10.1", "prop-types": "^15.6.2", "react-clientside-effect": "^1.2.5", "use-callback-ref": "^1.2.5", @@ -17278,9 +17277,9 @@ } }, "qs": { - "version": "6.5.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", - "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==" + "version": "6.5.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz", + "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==" } } }, @@ -18292,9 +18291,9 @@ "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" }, "sshpk": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", - "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz", + "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==", "requires": { "asn1": "~0.2.3", "assert-plus": "^1.0.0", diff --git a/docs/package.json b/docs/package.json index a9a0c2c4741..8e260e37bd5 100644 --- a/docs/package.json +++ b/docs/package.json @@ -12,7 +12,7 @@ "node": ">= 10.x" }, "dependencies": { - "@primer/gatsby-theme-doctocat": "^3.1.0", + "@primer/gatsby-theme-doctocat": "0.0.0-2022011123325", "@primer/octicons-react": "^10.0.0", "@primer/primitives": "4.1.0", "@styled-system/prop-types": "^5.1.0", From 4c384788981f2b92925fc3800ad48c1421b2b031 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Tue, 11 Jan 2022 18:23:17 +0530 Subject: [PATCH 02/14] make live-code a function --- .../gatsby-theme-doctocat/live-code-scope.js | 76 ++++++++++--------- 1 file changed, 39 insertions(+), 37 deletions(-) diff --git a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js index e450949ef69..076d9a97442 100644 --- a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +++ b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js @@ -41,41 +41,43 @@ const ReactRouterLink = ({to, ...props}) => { return } -export default { - ...doctocatComponents, - ...primerComponents, - drafts, - ReactRouterLink, - State, - CheckIcon, - SearchIcon, - ZapIcon, - XIcon, - DotIcon, - OctofaceIcon, - PersonIcon, - MailIcon, - GitCommitIcon, - FlameIcon, - MarkGithubIcon, - NoteIcon, - ProjectIcon, - FilterIcon, - GearIcon, - TypographyIcon, - VersionsIcon, - LinkIcon, - LawIcon, - StarIcon, - AlertIcon, - ArrowRightIcon, - KebabHorizontalIcon, - PencilIcon, - ArchiveIcon, - TrashIcon, - Dialog2, - ConfirmationDialog, - useConfirm, - AnchoredOverlay, - SelectPanel +export default function resolveScope(metastring) { + return { + ...doctocatComponents, + ...primerComponents, + ...(metastring.includes('drafts') ? drafts : {}), + ReactRouterLink, + State, + CheckIcon, + SearchIcon, + ZapIcon, + XIcon, + DotIcon, + OctofaceIcon, + PersonIcon, + MailIcon, + GitCommitIcon, + FlameIcon, + MarkGithubIcon, + NoteIcon, + ProjectIcon, + FilterIcon, + GearIcon, + TypographyIcon, + VersionsIcon, + LinkIcon, + LawIcon, + StarIcon, + AlertIcon, + ArrowRightIcon, + KebabHorizontalIcon, + PencilIcon, + ArchiveIcon, + TrashIcon, + Dialog2, + ConfirmationDialog, + useConfirm, + AnchoredOverlay, + SelectPanel + } } From f2393bc9a3bab40d56e23fdf6183d78052ee2086 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Tue, 11 Jan 2022 18:23:21 +0530 Subject: [PATCH 03/14] update docs --- docs/content/drafts/ActionList2.mdx | 30 ++++++----------------------- docs/content/drafts/ActionMenu2.mdx | 25 +++++------------------- 2 files changed, 11 insertions(+), 44 deletions(-) diff --git a/docs/content/drafts/ActionList2.mdx b/docs/content/drafts/ActionList2.mdx index cb71ac6ac10..ad54a5a0136 100644 --- a/docs/content/drafts/ActionList2.mdx +++ b/docs/content/drafts/ActionList2.mdx @@ -50,10 +50,7 @@ import {ActionList} from '@primer/react/drafts' ### Minimal example -```javascript live noinline -// import {ActionList} from '@primer/react/drafts' -const {ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( New file @@ -70,10 +67,7 @@ render( Leading visuals are optional and appear at the start of an item. They can be octicons, avatars, and other custom visuals that fit a small area. -```javascript live noinline -// import {ActionList} from '@primer/react/drafts' -const {ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( @@ -96,10 +90,7 @@ render( Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, keyboard shortcuts, or be used to set expectations about what the action does. -```javascript live noinline -// import {ActionList} from '@primer/react/drafts' -const {ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( @@ -126,10 +117,7 @@ render( Item dividers allow users to parse heavier amounts of information. They're placed between items and are useful in complex lists, particularly when descriptions or multi-line text is present. -```javascript live noinline -// import {ActionList} from '@primer/react/drafts' -const {ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( @@ -162,10 +150,7 @@ render( When you want to add links to the List instead of actions, use `ActionList.LinkItem` -```javascript live noinline -// import {ActionList} from '@primer/react/drafts' -const {ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( @@ -196,10 +181,7 @@ render( ### With groups -```javascript live noinline -// import {ActionList} from '@primer/react/drafts' -const {ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const SelectFields = () => { const [options, setOptions] = React.useState([ {text: 'Status', selected: true}, diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index 950a4f5f6c6..aa852e4bc50 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -56,10 +56,7 @@ import {ActionMenu} from '@primer/react/drafts'   -```javascript live noinline -// import {ActionMenu, ActionList} from '@primer/react/drafts' -const {ActionMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( Menu @@ -83,10 +80,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app   -```javascript live noinline -// import {ActionMenu, ActionList} from '@primer/react/drafts' -const {ActionMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( @@ -123,10 +117,7 @@ render( ### With Groups -```javascript live noinline -// import {ActionMenu, ActionList} from '@primer/react/drafts' -const {ActionMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts render( Open column menu @@ -194,10 +185,7 @@ render( To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`. Make sure you add `aria-expanded` and `aria-haspopup` to the external anchor: -```javascript live noinline -// import {ActionMenu, ActionList} from '@primer/react/drafts' -const {ActionMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const Example = () => { const [open, setOpen] = React.useState(false) const anchorRef = React.createRef() @@ -230,10 +218,7 @@ render() To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`: -```javascript live noinline -// import {ActionMenu, ActionList} from '@primer/react/drafts' -const {ActionMenu, ActionList} = drafts // ignore docs silliness; import like that ↑ - +```javascript live noinline drafts const handleEscape = () => alert('you hit escape!') render( From ef35e47e79db09c46df9135af1421883dce6c3ef Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Tue, 11 Jan 2022 18:29:27 +0530 Subject: [PATCH 04/14] can make code inline now :) --- docs/content/drafts/ActionList2.mdx | 193 +++++++++++++-------------- docs/content/drafts/ActionMenu2.mdx | 200 ++++++++++++++-------------- 2 files changed, 189 insertions(+), 204 deletions(-) diff --git a/docs/content/drafts/ActionList2.mdx b/docs/content/drafts/ActionList2.mdx index ad54a5a0136..388c81ae59c 100644 --- a/docs/content/drafts/ActionList2.mdx +++ b/docs/content/drafts/ActionList2.mdx @@ -50,16 +50,14 @@ import {ActionList} from '@primer/react/drafts' ### Minimal example -```javascript live noinline drafts -render( - - New file - Copy link - Edit file - - Delete file - -) +```javascript live drafts + + New file + Copy link + Edit file + + Delete file + ``` ### With leading visual @@ -67,82 +65,77 @@ render( Leading visuals are optional and appear at the start of an item. They can be octicons, avatars, and other custom visuals that fit a small area. -```javascript live noinline drafts -render( - - - - github.com/primer - - - - 4 vulnerabilities - - - - mona - - -) +```javascript live drafts + + + + github.com/primer + + + + 4 vulnerabilities + + + + mona + + + ``` ### With trailing visual Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, keyboard shortcuts, or be used to set expectations about what the action does. -```javascript live noinline drafts -render( - - - New file - ⌘ + N - - - Copy link - ⌘ + C - - - Edit file - ⌘ + E - - - Delete file - ⌫ - - -) +```javascript live drafts + + + New file + ⌘ + N + + + Copy link + ⌘ + C + + + Edit file + ⌘ + E + + + Delete file + ⌫ + + ``` ### With description and dividers Item dividers allow users to parse heavier amounts of information. They're placed between items and are useful in complex lists, particularly when descriptions or multi-line text is present. -```javascript live noinline drafts -render( - - - - - - mona - Monalisa Octocat - - - - - - hubot - Hubot - - - - - - primer-css - GitHub Design Systems Bot - - -) +```javascript live drafts + + + + + + mona + Monalisa Octocat + + + + + + hubot + Hubot + + + + + + primer-css + GitHub Design Systems Bot + + ``` ### With links @@ -150,33 +143,31 @@ render( When you want to add links to the List instead of actions, use `ActionList.LinkItem` -```javascript live noinline drafts -render( - - - - - - github/primer - - - - - - MIT License - - - - - - 1.4k stars - - -) +```javascript live drafts + + + + + + github/primer + + + + + + MIT License + + + + + + 1.4k stars + + ``` ### With groups diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index aa852e4bc50..6d671270726 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -56,22 +56,20 @@ import {ActionMenu} from '@primer/react/drafts'   -```javascript live noinline drafts -render( - - Menu - - - - console.log('New file')}>New file - Copy link - Edit file - - Delete file - - - -) +```javascript live drafts + + Menu + + + + console.log('New file')}>New file + Copy link + Edit file + + Delete file + + + ``` ### With a custom anchor @@ -80,105 +78,101 @@ You can choose to have a different _anchor_ for the Menu dependending on the app   -```javascript live noinline drafts -render( - - - - - - +```javascript live drafts + + + + + + + + + + + + + + Rename + + + + + + Archive all cards + + + + + + Delete + + + + +``` - - +### With Groups + +```javascript live drafts + + Open column menu + + + + - + - Rename + repo:github/memex,github/github + + + - + - Archive all cards + Table + + Information-dense table optimized for operations across teams + - + - + - Delete + Board + Kanban-style board focused on visual states - - - -) -``` - -### With Groups - -```javascript live noinline drafts -render( - - Open column menu - - - - - - - - - repo:github/memex,github/github - - - - - - - - - Table - - Information-dense table optimized for operations across teams - - - - - - - Board - Kanban-style board focused on visual states - - - - - - - - - Save sort and filters to current view - - - - - - Save sort and filters to new view - - - - - - - - - View settings - - - - - -) + + + + + + + + Save sort and filters to current view + + + + + + Save sort and filters to new view + + + + + + + + + View settings + + + + + ``` ### With External Anchor From 452352db2095724155486bdccce884607207764a Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Tue, 11 Jan 2022 18:34:37 +0530 Subject: [PATCH 05/14] jsx instead of javascript --- docs/content/drafts/ActionList2.mdx | 10 +++++----- docs/content/drafts/ActionMenu2.mdx | 6 +++--- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/content/drafts/ActionList2.mdx b/docs/content/drafts/ActionList2.mdx index 388c81ae59c..bf842be1fe6 100644 --- a/docs/content/drafts/ActionList2.mdx +++ b/docs/content/drafts/ActionList2.mdx @@ -50,7 +50,7 @@ import {ActionList} from '@primer/react/drafts' ### Minimal example -```javascript live drafts +```jsx live drafts New file Copy link @@ -65,7 +65,7 @@ import {ActionList} from '@primer/react/drafts' Leading visuals are optional and appear at the start of an item. They can be octicons, avatars, and other custom visuals that fit a small area. -```javascript live drafts +```jsx live drafts @@ -87,7 +87,7 @@ Leading visuals are optional and appear at the start of an item. They can be oct Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, keyboard shortcuts, or be used to set expectations about what the action does. -```javascript live drafts +```jsx live drafts New file @@ -112,7 +112,7 @@ Trailing visual and trailing text can display auxiliary information. They're pla Item dividers allow users to parse heavier amounts of information. They're placed between items and are useful in complex lists, particularly when descriptions or multi-line text is present. -```javascript live drafts +```jsx live drafts @@ -143,7 +143,7 @@ Item dividers allow users to parse heavier amounts of information. They're place When you want to add links to the List instead of actions, use `ActionList.LinkItem` -```javascript live drafts +```jsx live drafts diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index 6d671270726..cde00eada11 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -56,7 +56,7 @@ import {ActionMenu} from '@primer/react/drafts'   -```javascript live drafts +```jsx live drafts Menu @@ -78,7 +78,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app   -```javascript live drafts +```jsx live drafts @@ -113,7 +113,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app ### With Groups -```javascript live drafts +```jsx live drafts Open column menu From f29bec7b6453fc115986bb9ceeff7994c921af31 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Fri, 14 Jan 2022 13:54:17 +0530 Subject: [PATCH 06/14] Make the variable for adding drafts to scope more explicit --- docs/content/drafts/ActionList2.mdx | 12 ++++++------ docs/content/drafts/ActionMenu2.mdx | 10 +++++----- .../@primer/gatsby-theme-doctocat/live-code-scope.js | 2 +- 3 files changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/content/drafts/ActionList2.mdx b/docs/content/drafts/ActionList2.mdx index bf842be1fe6..89b5107c4b7 100644 --- a/docs/content/drafts/ActionList2.mdx +++ b/docs/content/drafts/ActionList2.mdx @@ -50,7 +50,7 @@ import {ActionList} from '@primer/react/drafts' ### Minimal example -```jsx live drafts +```jsx live scope=drafts New file Copy link @@ -65,7 +65,7 @@ import {ActionList} from '@primer/react/drafts' Leading visuals are optional and appear at the start of an item. They can be octicons, avatars, and other custom visuals that fit a small area. -```jsx live drafts +```jsx live scope=drafts @@ -87,7 +87,7 @@ Leading visuals are optional and appear at the start of an item. They can be oct Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, keyboard shortcuts, or be used to set expectations about what the action does. -```jsx live drafts +```jsx live scope=drafts New file @@ -112,7 +112,7 @@ Trailing visual and trailing text can display auxiliary information. They're pla Item dividers allow users to parse heavier amounts of information. They're placed between items and are useful in complex lists, particularly when descriptions or multi-line text is present. -```jsx live drafts +```jsx live scope=drafts @@ -143,7 +143,7 @@ Item dividers allow users to parse heavier amounts of information. They're place When you want to add links to the List instead of actions, use `ActionList.LinkItem` -```jsx live drafts +```jsx live scope=drafts @@ -172,7 +172,7 @@ When you want to add links to the List instead of actions, use `ActionList.LinkI ### With groups -```javascript live noinline drafts +```javascript live noinline scope=drafts const SelectFields = () => { const [options, setOptions] = React.useState([ {text: 'Status', selected: true}, diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index cde00eada11..66c924e24d8 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -56,7 +56,7 @@ import {ActionMenu} from '@primer/react/drafts'   -```jsx live drafts +```jsx live scope=drafts Menu @@ -78,7 +78,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app   -```jsx live drafts +```jsx live scope=drafts @@ -113,7 +113,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app ### With Groups -```jsx live drafts +```jsx live scope=drafts Open column menu @@ -179,7 +179,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`. Make sure you add `aria-expanded` and `aria-haspopup` to the external anchor: -```javascript live noinline drafts +```javascript live noinline scope=drafts const Example = () => { const [open, setOpen] = React.useState(false) const anchorRef = React.createRef() @@ -212,7 +212,7 @@ render() To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`: -```javascript live noinline drafts +```javascript live noinline scope=drafts const handleEscape = () => alert('you hit escape!') render( diff --git a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js index 076d9a97442..cec306d2e37 100644 --- a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +++ b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js @@ -45,7 +45,7 @@ export default function resolveScope(metastring) { return { ...doctocatComponents, ...primerComponents, - ...(metastring.includes('drafts') ? drafts : {}), + ...(metastring.includes('scope=drafts') ? drafts : {}), ReactRouterLink, State, CheckIcon, From 2f66352f7e0a6fae0bd8dc719a627b2eb94a27c4 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Fri, 14 Jan 2022 14:03:19 +0530 Subject: [PATCH 07/14] Bring changes from 1778 --- docs/content/drafts/ActionList2.mdx | 5 +- docs/content/drafts/ActionMenu2.mdx | 5 +- docs/content/drafts/Button2.mdx | 73 +++++++++++++++-------------- docs/content/drafts/IconButton.mdx | 22 +++++---- docs/content/drafts/LinkButton.mdx | 30 ++++++------ 5 files changed, 74 insertions(+), 61 deletions(-) diff --git a/docs/content/drafts/ActionList2.mdx b/docs/content/drafts/ActionList2.mdx index 89b5107c4b7..e25e0a31adc 100644 --- a/docs/content/drafts/ActionList2.mdx +++ b/docs/content/drafts/ActionList2.mdx @@ -43,7 +43,10 @@ import InlineCode from '@primer/gatsby-theme-doctocat/src/components/inline-code ```js -import {ActionList} from '@primer/react/drafts' +// ESM +import {ActionList} from '@primer/react/lib-esm/drafts' +// or commonjs: +import {ActionList} from '@primer/react/lib/drafts' ``` ## Examples diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index 66c924e24d8..693212927c0 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -43,7 +43,10 @@ import {Props} from '../../src/props'
```js -import {ActionMenu} from '@primer/react/drafts' +// ESM +import {ActionMenu} from '@primer/react/lib-esm/drafts' +// or commonjs: +import {ActionMenu} from '@primer/react/lib/drafts' ```
diff --git a/docs/content/drafts/Button2.mdx b/docs/content/drafts/Button2.mdx index c97feb64249..d1695cbe2a6 100644 --- a/docs/content/drafts/Button2.mdx +++ b/docs/content/drafts/Button2.mdx @@ -16,52 +16,55 @@ import {Button, IconButton, LinkButton} from '@primer/react/drafts' ### Installation ```js -import {Button} from '@primer/react/drafts' +// ESM +import {Button} from '@primer/react/lib-esm/drafts' +// or commonjs: +import {Button} from '@primer/react/lib/drafts' ``` ### Default button This is the default variant for the `Button` component. -```jsx live -Default +```jsx live scope=drafts + ``` ### Danger button The `danger` variant of `Button` is used to warn users about potentially destructive actions -```jsx live -Danger +```jsx live scope=drafts + ``` ### Outline button The `outline` variant of `Button` is typically used as a secondary button -```jsx live -Outline +```jsx live scope=drafts + ``` ### Invisible button The `invisible` variant of `Button` indicates that the action is a low priority one. -```jsx live -Invisible +```jsx live scope=drafts + ``` ### Different sized buttons `Button` component supports three different sizes. `small`, `medium`, `large`. -```jsx live +```jsx live scope=drafts <> - Search - Search - + + + ``` @@ -70,15 +73,15 @@ The `invisible` variant of `Button` indicates that the action is a low priority We can place an inside the `Button` in either the leading or the trailing position to enhance the visual context. It is recommended to use an octicon here. -```jsx live +```jsx live scope=drafts <> - Search - + + + ``` @@ -86,25 +89,25 @@ It is recommended to use an octicon here. A separate component called `IconButton` is used if the action shows only an icon with no text. This button will remain square in shape. -```jsx live -Search +```jsx live scope=drafts +Search ``` ### Different sized icon buttons `IconButton` also supports the three different sizes. `small`, `medium`, `large`. -```jsx live +```jsx live scope=drafts <> - + Search - - + + Search - - + + Search - + ``` @@ -114,11 +117,11 @@ A common use case for primer is a button with a counter component which shows th We provide `Button.Counter` as a composite component which requires you to provide a number as child. The counter will match the `variant` styles of the parent button. -```jsx live - +```jsx live scope=drafts + ``` ### Styling a button @@ -126,8 +129,8 @@ The counter will match the `variant` styles of the parent button. A button can be styled in an appropriate manner using the `sx` prop. This maybe to change width, or to add margins etc. Here's an example of a block button which takes 100% of available width. Checkout [styled-system](https://styled-system.com/) to see what you can send in an `sx` prop. -```jsx live -Block +```jsx live scope=drafts + ``` ## API reference diff --git a/docs/content/drafts/IconButton.mdx b/docs/content/drafts/IconButton.mdx index 2e6521dd05f..d25e4708382 100644 --- a/docs/content/drafts/IconButton.mdx +++ b/docs/content/drafts/IconButton.mdx @@ -14,32 +14,34 @@ import {ComponentChecklist} from '../../src/component-checklist' ### Installation ```js -import {IconButton} from '@primer/react/drafts' +import {IconButton} from '@primer/react/lib-esm/drafts' +// or commonjs: +import {IconButton} from '@primer/react/lib/drafts' ``` ### Icon only button A separate component called `IconButton` is used if the action shows only an icon with no text. This button will remain square in shape. -```jsx live -Search +```jsx live scope=drafts +Search ``` ### Different sized icon buttons `IconButton` also supports the three different sizes. `small`, `medium`, `large`. -```jsx live +```jsx live scope=drafts <> - + Search - - + + Search - - + + Search - + ``` diff --git a/docs/content/drafts/LinkButton.mdx b/docs/content/drafts/LinkButton.mdx index 107ae00d225..d156b9ce1ef 100644 --- a/docs/content/drafts/LinkButton.mdx +++ b/docs/content/drafts/LinkButton.mdx @@ -15,17 +15,19 @@ import {ArrowRightIcon} from '@primer/octicons-react' ### Installation ```js -import {LinkButton} from '@primer/react/drafts' +import {LinkButton} from '@primer/react/lib-esm/drafts' +// or commonjs: +import {LinkButton} from '@primer/react/lib/drafts' ``` ### Default The `LinkButton` can be considered an extension of `Button` component. It accepts all of the same props along with new link specific props like `to` and `href`. -```jsx live - +```jsx live scope=drafts + Link to Primer - + ``` ### Other examples of using a LinkButton @@ -36,21 +38,21 @@ The `LinkButton` can be considered an extension of `Button` component. It accept - supports the different variants in [Button]('../Button2') - supports leadingIcon and trailingIcon -```jsx live +```jsx live scope=drafts - Small link - + Small link + Large link - - + + Invisible link - - + + Danger link - - + + Link with arrow - + ``` From 4cb7e0945430eeff632db87915d2a114ce0a7492 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Fri, 14 Jan 2022 14:03:24 +0530 Subject: [PATCH 08/14] Add drafts to nav --- docs/src/@primer/gatsby-theme-doctocat/nav.yml | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/docs/src/@primer/gatsby-theme-doctocat/nav.yml b/docs/src/@primer/gatsby-theme-doctocat/nav.yml index 8a5b7298444..d17f1dfb897 100644 --- a/docs/src/@primer/gatsby-theme-doctocat/nav.yml +++ b/docs/src/@primer/gatsby-theme-doctocat/nav.yml @@ -129,6 +129,18 @@ url: /Truncate - title: UnderlineNav url: /UnderlineNav +- title: Drafts + children: + - title: Button v2 + url: /drafts/Button2 + - title: LinkButton + url: /drafts/LinkButton + - title: IconButton + url: /drafts/IconButton + - title: ActionList v2 + url: /drafts/ActionList2 + - title: ActionMenu v2 + url: /drafts/ActionMenu2 - title: Deprecated children: - title: BorderBox From abe8af676b4c96178b5c76e248e947a36a62271a Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Fri, 14 Jan 2022 14:32:20 +0530 Subject: [PATCH 09/14] disable eslint/no-redeclare for code blocks --- .eslintrc.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/.eslintrc.json b/.eslintrc.json index 524e372acf2..f70f9c9c60f 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -130,7 +130,8 @@ "jsx-a11y/label-has-for": 0, "@typescript-eslint/no-unnecessary-condition": 0, "@typescript-eslint/no-unused-vars": 0, - "primer-react/no-deprecated-colors": ["error", {"skipImportCheck": true}] + "primer-react/no-deprecated-colors": ["error", {"skipImportCheck": true}], + "no-redeclare": 0 } } ] From de695a86e76564a6ada31cf831dd584facc0f892 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Wed, 19 Jan 2022 13:27:02 +0530 Subject: [PATCH 10/14] revert explicit scope flag :) --- docs/content/drafts/ActionList2.mdx | 12 +++++------ docs/content/drafts/ActionMenu2.mdx | 10 +++++----- docs/content/drafts/Button2.mdx | 20 +++++++++---------- docs/content/drafts/IconButton.mdx | 4 ++-- docs/content/drafts/LinkButton.mdx | 4 ++-- .../gatsby-theme-doctocat/live-code-scope.js | 2 +- 6 files changed, 26 insertions(+), 26 deletions(-) diff --git a/docs/content/drafts/ActionList2.mdx b/docs/content/drafts/ActionList2.mdx index e25e0a31adc..b5029fe7cdf 100644 --- a/docs/content/drafts/ActionList2.mdx +++ b/docs/content/drafts/ActionList2.mdx @@ -53,7 +53,7 @@ import {ActionList} from '@primer/react/lib/drafts' ### Minimal example -```jsx live scope=drafts +```jsx live drafts New file Copy link @@ -68,7 +68,7 @@ import {ActionList} from '@primer/react/lib/drafts' Leading visuals are optional and appear at the start of an item. They can be octicons, avatars, and other custom visuals that fit a small area. -```jsx live scope=drafts +```jsx live drafts @@ -90,7 +90,7 @@ Leading visuals are optional and appear at the start of an item. They can be oct Trailing visual and trailing text can display auxiliary information. They're placed at the right of the item, and can denote status, keyboard shortcuts, or be used to set expectations about what the action does. -```jsx live scope=drafts +```jsx live drafts New file @@ -115,7 +115,7 @@ Trailing visual and trailing text can display auxiliary information. They're pla Item dividers allow users to parse heavier amounts of information. They're placed between items and are useful in complex lists, particularly when descriptions or multi-line text is present. -```jsx live scope=drafts +```jsx live drafts @@ -146,7 +146,7 @@ Item dividers allow users to parse heavier amounts of information. They're place When you want to add links to the List instead of actions, use `ActionList.LinkItem` -```jsx live scope=drafts +```jsx live drafts @@ -175,7 +175,7 @@ When you want to add links to the List instead of actions, use `ActionList.LinkI ### With groups -```javascript live noinline scope=drafts +```javascript live noinline drafts const SelectFields = () => { const [options, setOptions] = React.useState([ {text: 'Status', selected: true}, diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index 693212927c0..320c2ce4d5e 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -59,7 +59,7 @@ import {ActionMenu} from '@primer/react/lib/drafts'   -```jsx live scope=drafts +```jsx live drafts Menu @@ -81,7 +81,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app   -```jsx live scope=drafts +```jsx live drafts @@ -116,7 +116,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app ### With Groups -```jsx live scope=drafts +```jsx live drafts Open column menu @@ -182,7 +182,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`. Make sure you add `aria-expanded` and `aria-haspopup` to the external anchor: -```javascript live noinline scope=drafts +```javascript live noinline drafts const Example = () => { const [open, setOpen] = React.useState(false) const anchorRef = React.createRef() @@ -215,7 +215,7 @@ render() To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`: -```javascript live noinline scope=drafts +```javascript live noinline drafts const handleEscape = () => alert('you hit escape!') render( diff --git a/docs/content/drafts/Button2.mdx b/docs/content/drafts/Button2.mdx index d1695cbe2a6..567fe4353eb 100644 --- a/docs/content/drafts/Button2.mdx +++ b/docs/content/drafts/Button2.mdx @@ -26,7 +26,7 @@ import {Button} from '@primer/react/lib/drafts' This is the default variant for the `Button` component. -```jsx live scope=drafts +```jsx live drafts ``` @@ -34,7 +34,7 @@ This is the default variant for the `Button` component. The `danger` variant of `Button` is used to warn users about potentially destructive actions -```jsx live scope=drafts +```jsx live drafts ``` @@ -42,7 +42,7 @@ The `danger` variant of `Button` is used to warn users about potentially destruc The `outline` variant of `Button` is typically used as a secondary button -```jsx live scope=drafts +```jsx live drafts ``` @@ -50,7 +50,7 @@ The `outline` variant of `Button` is typically used as a secondary button The `invisible` variant of `Button` indicates that the action is a low priority one. -```jsx live scope=drafts +```jsx live drafts ``` @@ -58,7 +58,7 @@ The `invisible` variant of `Button` indicates that the action is a low priority `Button` component supports three different sizes. `small`, `medium`, `large`. -```jsx live scope=drafts +```jsx live drafts <> @@ -73,7 +73,7 @@ The `invisible` variant of `Button` indicates that the action is a low priority We can place an inside the `Button` in either the leading or the trailing position to enhance the visual context. It is recommended to use an octicon here. -```jsx live scope=drafts +```jsx live drafts <> ``` diff --git a/docs/content/drafts/IconButton.mdx b/docs/content/drafts/IconButton.mdx index d25e4708382..7d00d1f2afc 100644 --- a/docs/content/drafts/IconButton.mdx +++ b/docs/content/drafts/IconButton.mdx @@ -23,7 +23,7 @@ import {IconButton} from '@primer/react/lib/drafts' A separate component called `IconButton` is used if the action shows only an icon with no text. This button will remain square in shape. -```jsx live scope=drafts +```jsx live drafts Search ``` @@ -31,7 +31,7 @@ A separate component called `IconButton` is used if the action shows only an ico `IconButton` also supports the three different sizes. `small`, `medium`, `large`. -```jsx live scope=drafts +```jsx live drafts <> Search diff --git a/docs/content/drafts/LinkButton.mdx b/docs/content/drafts/LinkButton.mdx index d156b9ce1ef..aed0522dacf 100644 --- a/docs/content/drafts/LinkButton.mdx +++ b/docs/content/drafts/LinkButton.mdx @@ -24,7 +24,7 @@ import {LinkButton} from '@primer/react/lib/drafts' The `LinkButton` can be considered an extension of `Button` component. It accepts all of the same props along with new link specific props like `to` and `href`. -```jsx live scope=drafts +```jsx live drafts Link to Primer @@ -38,7 +38,7 @@ The `LinkButton` can be considered an extension of `Button` component. It accept - supports the different variants in [Button]('../Button2') - supports leadingIcon and trailingIcon -```jsx live scope=drafts +```jsx live drafts Small link diff --git a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js index cec306d2e37..076d9a97442 100644 --- a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +++ b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js @@ -45,7 +45,7 @@ export default function resolveScope(metastring) { return { ...doctocatComponents, ...primerComponents, - ...(metastring.includes('scope=drafts') ? drafts : {}), + ...(metastring.includes('drafts') ? drafts : {}), ReactRouterLink, State, CheckIcon, From ac885434f458a7be5ac121b9327a34b7ee6c98ec Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Wed, 19 Jan 2022 13:31:44 +0530 Subject: [PATCH 11/14] update gatsby-theme-doctocat --- docs/package-lock.json | 18 +++++++++--------- docs/package.json | 2 +- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/package-lock.json b/docs/package-lock.json index c085137c5ad..2b0ed6c5d60 100644 --- a/docs/package-lock.json +++ b/docs/package-lock.json @@ -2161,9 +2161,9 @@ } }, "@primer/gatsby-theme-doctocat": { - "version": "0.0.0-2022011123325", - "resolved": "https://registry.npmjs.org/@primer/gatsby-theme-doctocat/-/gatsby-theme-doctocat-0.0.0-2022011123325.tgz", - "integrity": "sha512-7gJHaJPDCs+9wqH62aO5X/05XkPfAyNxZJrwWjuKu9dJNGSUA7DE1z29jvL9AWPMk2FcZtJ0Y/7RVPgukcl0Cw==", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/@primer/gatsby-theme-doctocat/-/gatsby-theme-doctocat-3.2.0.tgz", + "integrity": "sha512-C/8X4xHKWmVf+TKlzWzvj65+BRbcTv6rWr1VoiFQsf6hQacEvzxe6BiTvuvZTFQ+P7Ei1TWKPnTOGbqg0VUSnw==", "requires": { "@babel/preset-env": "^7.5.5", "@babel/preset-react": "^7.0.0", @@ -5517,9 +5517,9 @@ } }, "core-js": { - "version": "3.20.2", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.2.tgz", - "integrity": "sha512-nuqhq11DcOAbFBV4zCbKeGbKQsUDRqTX0oqx7AttUBuqe3h20ixsE039QHelbL6P4h+9kytVqyEtyZ6gsiwEYw==" + "version": "3.20.3", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.20.3.tgz", + "integrity": "sha512-vVl8j8ph6tRS3B8qir40H7yw7voy17xL0piAjlbBUsH7WIfzoedL/ZOr1OV9FyZQLWXsayOJyV4tnRyXR85/ag==" }, "core-js-compat": { "version": "3.13.0", @@ -16467,9 +16467,9 @@ "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" }, "react-live": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/react-live/-/react-live-2.3.0.tgz", - "integrity": "sha512-b+Nc7x/bLu2sPX/If1uncrmUvYtXTqxY8QpzBw/X76SA3QJ1ggU0Ld6X5phLXZ469+XWO5lOU7OpAt0JoTyZPQ==", + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/react-live/-/react-live-2.4.0.tgz", + "integrity": "sha512-1/JOjxPFBoXNgeEC4AqDyhw34qI2RJH1+3M4bXGnQTbwfA9qaUi66j4FfeRk0CBV05Lu8v80Maa1QZS/wmT/Pw==", "requires": { "@types/buble": "^0.20.0", "buble": "0.19.6", diff --git a/docs/package.json b/docs/package.json index 8e260e37bd5..c861f349b9f 100644 --- a/docs/package.json +++ b/docs/package.json @@ -12,7 +12,7 @@ "node": ">= 10.x" }, "dependencies": { - "@primer/gatsby-theme-doctocat": "0.0.0-2022011123325", + "@primer/gatsby-theme-doctocat": "^3.2.0", "@primer/octicons-react": "^10.0.0", "@primer/primitives": "4.1.0", "@styled-system/prop-types": "^5.1.0", From 485aa2c7d13f33cf787b4fafdb63190551cb33a3 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Mon, 31 Jan 2022 13:43:35 +0100 Subject: [PATCH 12/14] sync lockfile --- docs/package-lock.json | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/docs/package-lock.json b/docs/package-lock.json index 518b8b78c1c..ae1c2180408 100644 --- a/docs/package-lock.json +++ b/docs/package-lock.json @@ -15230,15 +15230,9 @@ } }, "pirates": { -<<<<<<< HEAD - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.4.tgz", - "integrity": "sha512-ZIrVPH+A52Dw84R0L3/VS9Op04PuQ2SEoJL6bkshmiTic/HldyW9Tf7oH5mhJZBK7NmDx27vSMrYEXPXclpDKw==" -======= "version": "4.0.5", "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.5.tgz", "integrity": "sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==" ->>>>>>> main }, "pkg-dir": { "version": "3.0.0", @@ -16466,15 +16460,9 @@ "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==" }, "react-live": { -<<<<<<< HEAD - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/react-live/-/react-live-2.4.0.tgz", - "integrity": "sha512-1/JOjxPFBoXNgeEC4AqDyhw34qI2RJH1+3M4bXGnQTbwfA9qaUi66j4FfeRk0CBV05Lu8v80Maa1QZS/wmT/Pw==", -======= "version": "2.4.1", "resolved": "https://registry.npmjs.org/react-live/-/react-live-2.4.1.tgz", "integrity": "sha512-r+32f7oV/kBs3QZBRvaT+9vOkQW47UZrDpgwUe5FiIMOl7sdo5pmISgb7Zpj5PGHgY6XQaiXs3FEh+IWw3KbRg==", ->>>>>>> main "requires": { "@types/buble": "^0.20.0", "buble": "0.19.6", From 07c9ad0fa8a131525b149f7e9d23de60c55a32aa Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Mon, 31 Jan 2022 13:49:07 +0100 Subject: [PATCH 13/14] fix bad merge --- docs/content/drafts/ActionMenu2.mdx | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/docs/content/drafts/ActionMenu2.mdx b/docs/content/drafts/ActionMenu2.mdx index d714e90cb2f..f91f9c60f6c 100644 --- a/docs/content/drafts/ActionMenu2.mdx +++ b/docs/content/drafts/ActionMenu2.mdx @@ -182,15 +182,7 @@ You can choose to have a different _anchor_ for the Menu dependending on the app To create an anchor outside of the menu, you need to switch to controlled mode for the menu and pass it as `anchorRef` to `ActionMenu`. Make sure you add `aria-expanded` and `aria-haspopup` to the external anchor: -<<<<<<< HEAD - -````javascript live noinline drafts -======= -```javascript live noinline -// import {ActionMenu, ActionList} from '@primer/react/drafts' -const {ActionMenu, ActionList, Button} = drafts // ignore docs silliness; import like that ↑ - ->>>>>>> main +```javascript live noinline drafts const Example = () => { const [open, setOpen] = React.useState(false) const anchorRef = React.createRef() @@ -217,7 +209,7 @@ const Example = () => { } render() -```` +``` ### With Overlay Props From 0c934801d4a3c23fb23e919da08178700f4fee3e Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Mon, 31 Jan 2022 13:55:42 +0100 Subject: [PATCH 14/14] make live-scope a function --- .../gatsby-theme-doctocat/live-code-scope.js | 84 ++++++++++--------- 1 file changed, 43 insertions(+), 41 deletions(-) diff --git a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js index 5ab0e519798..1ca0f7372b7 100644 --- a/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +++ b/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js @@ -45,45 +45,47 @@ const ReactRouterLink = ({to, ...props}) => { return } -export default { - ...doctocatComponents, - ...primerComponents, - ...(metastring.includes('drafts') ? drafts : {}), - ReactRouterLink, - State, - CheckIcon, - SearchIcon, - ZapIcon, - XIcon, - DotIcon, - OctofaceIcon, - PersonIcon, - MailIcon, - GitCommitIcon, - FlameIcon, - MarkGithubIcon, - NoteIcon, - ProjectIcon, - FilterIcon, - GearIcon, - TypographyIcon, - VersionsIcon, - LinkIcon, - LawIcon, - StarIcon, - AlertIcon, - ArrowRightIcon, - KebabHorizontalIcon, - PencilIcon, - ArchiveIcon, - TrashIcon, - CalendarIcon, - IterationsIcon, - NumberIcon, - SingleSelectIcon, - Dialog2, - ConfirmationDialog, - useConfirm, - AnchoredOverlay, - SelectPanel +export default function resolveScope(metastring) { + return { + ...doctocatComponents, + ...primerComponents, + ...(metastring.includes('drafts') ? drafts : {}), + ReactRouterLink, + State, + CheckIcon, + SearchIcon, + ZapIcon, + XIcon, + DotIcon, + OctofaceIcon, + PersonIcon, + MailIcon, + GitCommitIcon, + FlameIcon, + MarkGithubIcon, + NoteIcon, + ProjectIcon, + FilterIcon, + GearIcon, + TypographyIcon, + VersionsIcon, + LinkIcon, + LawIcon, + StarIcon, + AlertIcon, + ArrowRightIcon, + KebabHorizontalIcon, + PencilIcon, + ArchiveIcon, + TrashIcon, + CalendarIcon, + IterationsIcon, + NumberIcon, + SingleSelectIcon, + Dialog2, + ConfirmationDialog, + useConfirm, + AnchoredOverlay, + SelectPanel + } }