diff --git a/.storybook/image-snapshots/expected/components_typography_Heading_Heading H0.png b/.storybook/image-snapshots/expected/components_typography_Heading_Heading H0.png
deleted file mode 100644
index 3b7ffe5b8..000000000
Binary files a/.storybook/image-snapshots/expected/components_typography_Heading_Heading H0.png and /dev/null differ
diff --git a/src/components/typographyLegacy/Heading/Heading.enums.ts b/src/components/typographyLegacy/Heading/Heading.enums.ts
index b4d3d896e..d1a18694e 100644
--- a/src/components/typographyLegacy/Heading/Heading.enums.ts
+++ b/src/components/typographyLegacy/Heading/Heading.enums.ts
@@ -1,5 +1,4 @@
export const HeadingSizes = {
- h0: 'h0',
h1: 'h1',
h2: 'h2',
h3: 'h3',
diff --git a/src/components/typographyLegacy/Heading/Heading.stories.tsx b/src/components/typographyLegacy/Heading/Heading.stories.tsx
index 4e312329f..475b21fde 100644
--- a/src/components/typographyLegacy/Heading/Heading.stories.tsx
+++ b/src/components/typographyLegacy/Heading/Heading.stories.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import { Meta, Story } from '@storybook/react/types-6-0';
-import Heading, { H0, H1, H2, H3, H4, H5 } from './Heading';
+import Heading, { H1, H2, H3, H4, H5 } from './Heading';
import { HeadingProps } from './Heading.types';
import { HeadingSizes, HeadingVariants } from './Heading.enums';
import { generateControl } from '../../../utils/tests/storybook';
@@ -37,14 +37,6 @@ Playground.parameters = {
screenshot: { skip: true },
};
-export const H0Story: Story = () => (
- <>
- Heading H0
- Heading H0 - secondary
- >
-);
-H0Story.storyName = 'Heading H0';
-
export const H1Story: Story = () => (
<>
Heading H1
diff --git a/src/components/typographyLegacy/Heading/Heading.tsx b/src/components/typographyLegacy/Heading/Heading.tsx
index c095d73dc..968b217b9 100644
--- a/src/components/typographyLegacy/Heading/Heading.tsx
+++ b/src/components/typographyLegacy/Heading/Heading.tsx
@@ -39,11 +39,6 @@ const HeadingBase = css`
${({ variant }) => variants[variant]};
`;
-const HeadingH0 = styled.h1`
- ${HeadingBase};
- font-size: ${getFontSize('h0')};
- line-height: normal;
-`;
const HeadingH1 = styled.h1`
${HeadingBase};
font-size: ${getFontSize('h1')};
@@ -74,7 +69,6 @@ const HeadingH5 = styled.h5`
`;
const headingSizes = {
- h0: HeadingH0,
h1: HeadingH1,
h2: HeadingH2,
h3: HeadingH3,
@@ -109,18 +103,6 @@ Heading.propTypes = {
export default Heading;
-export const H0: React.FC<
- Omit, 'size'>
-> = ({ children, ...props }) => (
-
- {children}
-
-);
-
-H0.propTypes = {
- variant: PropTypes.oneOf(Object.values(HeadingVariants)),
-};
-
export const H1: React.FC<
Omit, 'size'>
> = ({ children, ...props }) => (
diff --git a/src/components/typographyLegacy/Heading/index.ts b/src/components/typographyLegacy/Heading/index.ts
index aee1f1753..979cbaa14 100644
--- a/src/components/typographyLegacy/Heading/index.ts
+++ b/src/components/typographyLegacy/Heading/index.ts
@@ -1,3 +1,3 @@
export * as HeadingEnums from './Heading.enums';
-export { default as Heading, H0, H1, H2, H3, H4, H5 } from './Heading';
+export { default as Heading, H1, H2, H3, H4, H5 } from './Heading';
export * from './Heading.types';
diff --git a/src/theme/typography.stories.mdx b/src/theme/typography.stories.mdx
index 2ae7db769..923e82798 100644
--- a/src/theme/typography.stories.mdx
+++ b/src/theme/typography.stories.mdx
@@ -95,16 +95,9 @@ and is bundled within this package.
## Font sizes
-### Hedings
+### Headings
-
+
### Body text
diff --git a/src/theme/typography.ts b/src/theme/typography.ts
index b5204fe3a..363c7657f 100644
--- a/src/theme/typography.ts
+++ b/src/theme/typography.ts
@@ -17,7 +17,6 @@ const family: Family = {
};
const size: Size = {
- h0: pxToRem(BASE_FONT_SIZE * 2), // 32px
h1: pxToRem(BASE_FONT_SIZE * 2), // 32px
h2: pxToRem(BASE_FONT_SIZE * 1.75), // 28px
h3: pxToRem(BASE_FONT_SIZE * 1.5), // 24px
@@ -46,10 +45,6 @@ const lineHeight: LineHeight = {
const margin: Margin = {
heading: {
- h0: {
- top: pxToRem(BASE_LINE_HEIGHT * 6), // 120px
- bottom: pxToRem(BASE_LINE_HEIGHT * 3), // 60px
- },
h1: {
top: pxToRem(BASE_LINE_HEIGHT * 5), // 100px
bottom: pxToRem(BASE_LINE_HEIGHT * 2.5), // 50px
diff --git a/src/theme/typography.types.ts b/src/theme/typography.types.ts
index 76d425ef0..6b7bed264 100644
--- a/src/theme/typography.types.ts
+++ b/src/theme/typography.types.ts
@@ -6,7 +6,6 @@ export interface Family {
}
export interface Size {
- h0: string;
h1: string;
h2: string;
h3: string;