diff --git a/src/components/Paragraph.js b/src/components/Paragraph.js index f969ee1..5ba0ea0 100644 --- a/src/components/Paragraph.js +++ b/src/components/Paragraph.js @@ -8,6 +8,7 @@ const SIZES = { medium: 'p2', small: 'p3', tiny: 'p4', + mini: 'p5', } const ALIGNMENT = { diff --git a/src/components/Paragraph.stories.js b/src/components/Paragraph.stories.js index 9ddcd5c..26fa9a6 100644 --- a/src/components/Paragraph.stories.js +++ b/src/components/Paragraph.stories.js @@ -55,3 +55,10 @@ export const Tiny = () => ( standout customer experiences easily with Groove. ) + +export const Mini = () => ( + + We're here every step of the way making sure you and your team deliver + standout customer experiences easily with Groove. + +) diff --git a/src/components/shared/styles.js b/src/components/shared/styles.js index e11737e..2958327 100644 --- a/src/components/shared/styles.js +++ b/src/components/shared/styles.js @@ -133,6 +133,10 @@ export const typography = { height: '18', weight: '400', }, + p5: { + size: '10', + height: '13', + }, }, }