Skip to content

Commit 30cf056

Browse files
mlaursenmlaursen
committed
feat(typography): Renamed Text to Typography
BREAKING CHANGE: The Text component has been renamed to Typography to help with auto-imports conflicting with the Text element that exists in `lib.d.ts`
1 parent 219937e commit 30cf056

File tree

127 files changed

+647
-606
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

127 files changed

+647
-606
lines changed

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ components from react-md. It is generally recommended to update your base
148148
+ Configuration,
149149
+ Layout,
150150
+ useLayoutNavigation,
151-
+ Text,
151+
+ Typography,
152152
+ Button,
153153
+} from 'react-md';
154154
+
@@ -162,7 +162,7 @@ components from react-md. It is generally recommended to update your base
162162
+ navHeaderTitle="My Nav Title"
163163
+ treeProps={...useLayoutNavigation(routes, pathname)}
164164
+ >
165-
+ <Text type="headline-4">Hello, world!</Text>
165+
+ <Typography type="headline-4">Hello, world!</Typography>
166166
+ <Button theme="primary">Example button</Button>
167167
+ </Layout>
168168
+ </Configuration>

‎examples/create-react-app-typescript/src/components/Home.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import type { ReactElement } from "react";
2-
import { TextContainer, Text } from "react-md";
2+
import { TextContainer, Typography } from "react-md";
33

44
export default function Home(): ReactElement {
55
return (
66
<TextContainer>
7-
<Text type="headline-4">Hello, world!</Text>
7+
<Typography type="headline-4">Hello, world!</Typography>
88
</TextContainer>
99
);
1010
}

‎examples/create-react-app-typescript/src/components/Route1.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import type { ReactElement } from "react";
2-
import { TextContainer, Text } from "react-md";
2+
import { TextContainer, Typography } from "react-md";
33

44
export default function Route1(): ReactElement {
55
return (
66
<TextContainer>
7-
<Text type="headline-4">Route 1</Text>
7+
<Typography type="headline-4">Route 1</Typography>
88
</TextContainer>
99
);
1010
}

‎examples/create-react-app/src/components/Home.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { TextContainer, Text } from 'react-md';
1+
import { TextContainer, Typography } from 'react-md';
22

33
export default function Home() {
44
return (
55
<TextContainer>
6-
<Text type="headline-4">Hello, world!</Text>
6+
<Typography type="headline-4">Hello, world!</Typography>
77
</TextContainer>
88
);
99
}

‎examples/create-react-app/src/components/Route1.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { TextContainer, Text } from 'react-md';
1+
import { TextContainer, Typography } from 'react-md';
22

33
export default function Route1() {
44
return (
55
<TextContainer>
6-
<Text type="headline-4">Route 1</Text>
6+
<Typography type="headline-4">Route 1</Typography>
77
</TextContainer>
88
);
99
}

‎examples/gatsby-typescript/src/pages/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import type { ReactElement } from "react"
2-
import { Text, TextContainer } from "react-md"
2+
import { Typography, TextContainer } from "react-md"
33

44
export default function index(): ReactElement {
55
return (
66
<TextContainer>
7-
<Text type="headline-4">Hello, world!</Text>
7+
<Typography type="headline-4">Hello, world!</Typography>
88
</TextContainer>
99
)
1010
}

‎examples/gatsby-typescript/src/pages/route-1.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import type { ReactElement } from "react"
2-
import { TextContainer, Text } from "react-md"
2+
import { TextContainer, Typography } from "react-md"
33

44
export default function Route1(): ReactElement {
55
return (
66
<TextContainer>
7-
<Text type="headline-4">Route 1</Text>
7+
<Typography type="headline-4">Route 1</Typography>
88
</TextContainer>
99
)
1010
}

‎examples/gatsby/src/pages/index.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { Text, TextContainer } from "react-md"
1+
import { Typography, TextContainer } from "react-md"
22

33
export default function index() {
44
return (
55
<TextContainer>
6-
<Text type="headline-4">Hello, world!</Text>
6+
<Typography type="headline-4">Hello, world!</Typography>
77
</TextContainer>
88
)
99
}

‎examples/gatsby/src/pages/route-1.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import { TextContainer, Text } from "react-md"
1+
import { TextContainer, Typography } from "react-md"
22

33
export default function Route1() {
44
return (
55
<TextContainer>
6-
<Text type="headline-4">Route 1</Text>
6+
<Typography type="headline-4">Route 1</Typography>
77
</TextContainer>
88
)
99
}

‎examples/nextjs-typescript/src/pages/index.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import type { ReactElement } from "react";
2-
import { Text, TextContainer } from "react-md";
2+
import { Typography, TextContainer } from "react-md";
33

44
export default function index(): ReactElement {
55
return (
66
<TextContainer>
7-
<Text type="headline-4">Hello, world!</Text>
7+
<Typography type="headline-4">Hello, world!</Typography>
88
</TextContainer>
99
);
1010
}

0 commit comments

Comments
 (0)