Add TypographyPreset type

guardian · Mar 27, 2024 · 751bc9b · 751bc9b
1 parent d4e7754
commit 751bc9b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/libs/@guardian/source-foundations/src/typography/types.ts b/libs/@guardian/source-foundations/src/typography/types.ts
@@ -115,3 +115,12 @@ export type Fs = <
 		unit: ScaleUnit;
 	},
 ) => TypographyStyles;
+
+export type TypographyPreset = `
+	font-family: ${string};
+	font-size: ${number}rem;
+	line-height: ${number};
+	font-weight: ${number};
+	font-style: ${'normal' | 'italic'};
+	--source-text-decoration-thickness: ${number}px;
+`;
diff --git a/libs/@guardian/source-foundations/src/utils/typography.ts b/libs/@guardian/source-foundations/src/utils/typography.ts
@@ -1,8 +1,9 @@
+import type { TypographyPreset } from '../typography/types';
+
 /*
- * Convert font size in typography preset from default rem value to pixels
+ * Convert `font-size` value in typography preset from rem to px
  */
-
-export const presetToPx = (preset: string) => {
+export const presetToPx = (preset: TypographyPreset) => {
 	const REGEX_FONT_SIZE = /font-size:\s(\d+\.\d+)rem/;
 
 	const matches = preset.match(REGEX_FONT_SIZE);