From 23edffce12895c32eb67a65ebb060b9d977beedc Mon Sep 17 00:00:00 2001
From: Cole Bemis <colebemis@github.com>
Date: Fri, 22 Jan 2021 15:54:36 -0800
Subject: [PATCH 1/3] =?UTF-8?q?Text.js=20=E2=86=92=20Text.tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/{Text.js => Text.tsx}                              | 10 ++++++----
 src/__tests__/{Text.js => Text.tsx}                    |  0
 .../__snapshots__/{Text.js.snap => Text.tsx.snap}      |  0
 3 files changed, 6 insertions(+), 4 deletions(-)
 rename src/{Text.js => Text.tsx} (52%)
 rename src/__tests__/{Text.js => Text.tsx} (100%)
 rename src/__tests__/__snapshots__/{Text.js.snap => Text.tsx.snap} (100%)

diff --git a/src/Text.js b/src/Text.tsx
similarity index 52%
rename from src/Text.js
rename to src/Text.tsx
index 60e121612d8..d90bc3934f5 100644
--- a/src/Text.js
+++ b/src/Text.tsx
@@ -1,10 +1,11 @@
-import styled from 'styled-components'
 import PropTypes from 'prop-types'
+import React from 'react'
+import styled from 'styled-components'
+import {COMMON, SystemCommonProps, SystemTypographyProps, TYPOGRAPHY} from './constants'
+import sx, {SxProp} from './sx'
 import theme from './theme'
-import {TYPOGRAPHY, COMMON} from './constants'
-import sx from './sx'
 
-const Text = styled.span`
+const Text = styled.span<SystemTypographyProps & SystemCommonProps & SxProp>`
   ${TYPOGRAPHY};
   ${COMMON};
   ${sx};
@@ -21,4 +22,5 @@ Text.propTypes = {
   theme: PropTypes.object
 }
 
+export type TextProps = React.ComponentProps<typeof Text>
 export default Text
diff --git a/src/__tests__/Text.js b/src/__tests__/Text.tsx
similarity index 100%
rename from src/__tests__/Text.js
rename to src/__tests__/Text.tsx
diff --git a/src/__tests__/__snapshots__/Text.js.snap b/src/__tests__/__snapshots__/Text.tsx.snap
similarity index 100%
rename from src/__tests__/__snapshots__/Text.js.snap
rename to src/__tests__/__snapshots__/Text.tsx.snap

From 73d7e76d3b94b00bbbc1969faae87b2cca4324cf Mon Sep 17 00:00:00 2001
From: Cole Bemis <colebemis@github.com>
Date: Fri, 22 Jan 2021 15:57:49 -0800
Subject: [PATCH 2/3] Remove React import

---
 src/Text.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Text.tsx b/src/Text.tsx
index d90bc3934f5..fad64d7ca81 100644
--- a/src/Text.tsx
+++ b/src/Text.tsx
@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types'
-import React from 'react'
 import styled from 'styled-components'
 import {COMMON, SystemCommonProps, SystemTypographyProps, TYPOGRAPHY} from './constants'
 import sx, {SxProp} from './sx'

From 7128403c488a2cfefda3743d7f92be8142071bc8 Mon Sep 17 00:00:00 2001
From: Cole Bemis <colebemis@github.com>
Date: Fri, 22 Jan 2021 15:58:06 -0800
Subject: [PATCH 3/3] Create cool-snakes-bathe.md

---
 .changeset/cool-snakes-bathe.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/cool-snakes-bathe.md

diff --git a/.changeset/cool-snakes-bathe.md b/.changeset/cool-snakes-bathe.md
new file mode 100644
index 00000000000..83896219e26
--- /dev/null
+++ b/.changeset/cool-snakes-bathe.md
@@ -0,0 +1,5 @@
+---
+"@primer/components": patch
+---
+
+Migrate `Text` to TypeScript