@primer/components 0.0.0-20219922627 → 0.0.0-2022530201059

package/README.md

@@ -1,30 +1,31 @@
 <p align="center">
-  <img width="300px" src="https://user-images.githubusercontent.com/4608155/127241386-f11da52d-00d9-4366-b01c-6f4c1ebcf7f2.png">
+  <img width="300px" src="/static/assets/readme-components.png">
 </p>
 
-<h1 align="center">Primer React</h1>
+<h1 align="center">Primer Components</h1>
 
-<p align="center">A React implementation of GitHub's Primer Design System</p>
+<p align="center">React components for the Primer Design System</p>
 
 <p align="center">
   <a aria-label="npm package" href="https://www.npmjs.com/package/@primer/components">
     <img alt="" src="https://img.shields.io/npm/v/@primer/components.svg">
   </a>
-  <a aria-label="contributors graph" href="https://github.com/primer/react/graphs/contributors">
-    <img src="https://img.shields.io/github/contributors/primer/react.svg">
+  <a aria-label="contributors graph" href="https://github.com/primer/components/graphs/contributors">
+    <img src="https://img.shields.io/github/contributors/primer/components.svg">
   </a>
-  <a aria-label="last commit" href="https://github.com/primer/react/commits/main">
+  <a aria-label="last commit" href="https://github.com/primer/components/commits/main">
     <img alt="" src=
-  "https://img.shields.io/github/last-commit/primer/react.svg">
+  "https://img.shields.io/github/last-commit/primer/components.svg">
   </a>
-  <a aria-label="license" href="https://github.com/primer/react/blob/main/LICENSE">
-    <img src="https://img.shields.io/github/license/primer/react.svg" alt="">
+  <a aria-label="license" href="https://github.com/primer/components/blob/main/LICENSE">
+    <img src="https://img.shields.io/github/license/primer/components.svg" alt="">
   </a>
 </p>
 
+
 ## Documentation
 
-Our documentation site lives at [primer.style/react](https://primer.style/react). You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.
+Our documentation site lives at [primer.style/components](https://primer.style/components). You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.
 
 ## Installation
 
@@ -39,19 +40,18 @@ yarn add @primer/components
 ```
 
 ## Roadmap
-
-You can track our roadmap progress in the [Roadmap Project Board](https://github.com/primer/react/projects/3), see more detail in the [quarterly planning Discussions](https://github.com/primer/react/discussions?discussions_q=%5BRoadmap%5D), and find a list of all the current epic tracking issues [here](https://github.com/primer/react/discussions/997).
+You can track our roadmap progress in the [Roadmap Project Board](https://github.com/primer/components/projects/3), see more detail in the [quarterly planning Discussions](https://github.com/primer/components/discussions?discussions_q=%5BRoadmap%5D), and find a list of all the current epic tracking issues [here](https://github.com/primer/components/discussions/997).
 
 ## Contributing
-
-We love collaborating with folks inside and outside of GitHub and welcome contributions!
+ We love collaborating with folks inside and outside of GitHub and welcome contributions!
 
 > 👉 See [the contributing docs](contributor-docs/CONTRIBUTING.md) for more info on code style, testing, coverage, and troubleshooting.
 
 ## New Component Proposals
+We welcome and encourage new component proposals from internal GitHub teams! Our best work comes from collaborating directly with the teams using Primer React Components in their projects. If you'd like to kick off a new component proposal, please submit an issue using the [component proposal issue template](https://github.com/primer/components/issues/new?template=new-component-proposal.md) and we will get in touch!
+
 
-We welcome and encourage new component proposals from internal GitHub teams! Our best work comes from collaborating directly with the teams using Primer React Components in their projects. If you'd like to kick off a new component proposal, please submit an issue using the [component proposal issue template](https://github.com/primer/react/issues/new?template=new-component-proposal.md) and we will get in touch!
 
 [styled-components]: https://www.styled-components.com/docs
-[primer css]: https://github.com/primer/primer
+[Primer CSS]: https://github.com/primer/primer
 [flash of unstyled content]: https://en.wikipedia.org/wiki/Flash_of_unstyled_content

package/codemods/lib/modifyProps.js

@@ -1,15 +1,13 @@
 module.exports = (ast, j, moduleName, propsMap) => {
   const importsByName = {}
 
-  ast
-    .find(j.ImportDeclaration, decl => decl.source.value === moduleName)
-    .forEach(decl => {
-      j(decl)
-        .find(j.ImportSpecifier)
-        .forEach(spec => {
-          importsByName[spec.node.imported.name] = spec.node.local.name
-        })
-    })
+  ast.find(j.ImportDeclaration, decl => decl.source.value === moduleName).forEach(decl => {
+    j(decl)
+      .find(j.ImportSpecifier)
+      .forEach(spec => {
+        importsByName[spec.node.imported.name] = spec.node.local.name
+      })
+  })
 
   ast
     .find(j.JSXElement, {

package/codemods/lib/prettify.js

@@ -7,7 +7,7 @@ module.exports = function prettify(ast, file) {
     source,
     Object.assign(
       {
-        parser: 'typescript',
+        parser: 'babylon',
         filepath: file.path
       },
       config

package/codemods/lib/replaceImportSource.js

@@ -1,7 +1,7 @@
 module.exports = function replaceImportSource(ast, j, from, to) {
-  ast
-    .find(j.ImportDeclaration, decl => decl.source.value === from)
-    .forEach(decl => {
-      j(decl).find(j.Literal, {value: from}).replaceWith(j.literal(to))
-    })
+  ast.find(j.ImportDeclaration, decl => decl.source.value === from).forEach(decl => {
+    j(decl)
+      .find(j.Literal, {value: from})
+      .replaceWith(j.literal(to))
+  })
 }