Add font size and definitions for extraExtraSmall

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",

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',

src/theme/tokens/fontSize.ts

@@ -1,6 +1,7 @@
 import { FontSize } from '../types'
 
 export const fontSize = {
+  extraExtraSmall: 8,
   extraSmall: 10,
   small: 12,
   medium: 14,

src/theme/tokens/lineHeight.ts

@@ -1,6 +1,7 @@
 import { LineHeight } from '../types'
 
 export const lineHeight = {
+  extraExtraSmall: 14,
   extraSmall: 16,
   small: 16,
   medium: 20,

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<ScaleName, number>
 export type LineHeight = Record<ScaleName, number>
 
 export type FontName =
+  | 'extraExtraSmall'
+  | 'extraExtraSmallBold'
   | 'extraSmall'
   | 'small'
   | 'smallBold'