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;