From ec4244c0832cc8d3d1f7ed047c5d65010d02e9ab Mon Sep 17 00:00:00 2001 From: Sjaak Schilperoort Date: Mon, 17 Aug 2026 13:31:57 +0200 Subject: [PATCH] Add extraExtraSmall font --- package.json | 2 +- src/theme/tokens/font.ts | 14 ++++++++++++++ src/theme/tokens/fontSize.ts | 1 + src/theme/tokens/lineHeight.ts | 1 + src/theme/types.ts | 4 +++- 5 files changed, 20 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index cba28f6..50fedb1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@observation.org/react-native-components", - "version": "1.93.0", + "version": "1.94.0", "main": "src/index.ts", "exports": { ".": "./src/index.ts", diff --git a/src/theme/tokens/font.ts b/src/theme/tokens/font.ts index bb84c31..df50226 100644 --- a/src/theme/tokens/font.ts +++ b/src/theme/tokens/font.ts @@ -4,6 +4,20 @@ import { Font, Theme } from '../types' export const createFont = (theme: Theme): Font => ({ + extraExtraSmall: { + fontFamily: 'Ubuntu', + fontStyle: 'normal', + fontSize: theme.fontSize.extraExtraSmall, + lineHeight: theme.lineHeight.extraExtraSmall, + fontWeight: 'normal', + }, + extraExtraSmallBold: { + fontFamily: 'Ubuntu', + fontStyle: 'normal', + fontSize: theme.fontSize.extraExtraSmall, + lineHeight: theme.lineHeight.extraExtraSmall, + fontWeight: 'bold', + }, extraSmall: { fontFamily: 'Ubuntu', fontStyle: 'normal', diff --git a/src/theme/tokens/fontSize.ts b/src/theme/tokens/fontSize.ts index 5867c55..0566dd2 100644 --- a/src/theme/tokens/fontSize.ts +++ b/src/theme/tokens/fontSize.ts @@ -1,6 +1,7 @@ import { FontSize } from '../types' export const fontSize = { + extraExtraSmall: 8, extraSmall: 10, small: 12, medium: 14, diff --git a/src/theme/tokens/lineHeight.ts b/src/theme/tokens/lineHeight.ts index 917f359..8e449ee 100644 --- a/src/theme/tokens/lineHeight.ts +++ b/src/theme/tokens/lineHeight.ts @@ -1,6 +1,7 @@ import { LineHeight } from '../types' export const lineHeight = { + extraExtraSmall: 14, extraSmall: 16, small: 16, medium: 20, diff --git a/src/theme/types.ts b/src/theme/types.ts index 0c138d9..e1ad25f 100644 --- a/src/theme/types.ts +++ b/src/theme/types.ts @@ -245,12 +245,14 @@ export interface Margin { huge: number } -export type ScaleName = 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'huge' +export type ScaleName = 'extraExtraSmall' | 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge' | 'huge' export type FontSize = Record export type LineHeight = Record export type FontName = + | 'extraExtraSmall' + | 'extraExtraSmallBold' | 'extraSmall' | 'small' | 'smallBold'