@vitality-ds/components 4.0.0 → 4.0.1-alpha.2

package/dist/tokens/src/Font/fontStyles.js

@@ -12,260 +12,518 @@ exports.CATEGORIES = {
     UI: "UI",
 };
 var FontStyles = {
-    body: {
-        name: "Body",
-        description: "Normal text for UI and body.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.regular.data.weightAsString,
-            weight: fontWeights_1.default.regular.data.weight,
-            size: fontSizes_1.default.h200.data.size,
-            sizeUnit: fontSizes_1.default.h200.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h200.data.lineHeight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h200.data.letterSpacing,
+    web: {
+        body: {
+            name: "Body",
+            description: "Normal text for UI and body.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.web.h200.data.size,
+                sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h200.data.lineHeight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h200.data.letterSpacing,
+            },
         },
-    },
-    caption: {
-        name: "Caption",
-        description: "Smaller, supporting text.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.regular.data.weightAsString,
-            weight: fontWeights_1.default.regular.data.weight,
-            size: fontSizes_1.default.h100.data.size,
-            sizeUnit: fontSizes_1.default.h100.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h100.data.lineHeight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h100.data.letterSpacing,
+        caption: {
+            name: "Caption",
+            description: "Smaller, supporting text.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.web.h100.data.size,
+                sizeUnit: fontSizes_1.default.web.h100.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h100.data.lineHeight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h100.data.letterSpacing,
+            },
         },
-    },
-    pageTitle: {
-        name: "Page Title",
-        description: "💡 Used for page titles. Use only once per page.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.regular.data.weightAsString,
-            weight: fontWeights_1.default.regular.data.weight,
-            size: fontSizes_1.default.h500.data.size,
-            sizeUnit: fontSizes_1.default.h500.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h500.data.lineHeight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h500.data.letterSpacing,
+        pageTitle: {
+            name: "Page Title",
+            description: "💡 Used for page titles. Use only once per page.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.web.h500.data.size,
+                sizeUnit: fontSizes_1.default.web.h500.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h500.data.lineHeight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h500.data.letterSpacing,
+            },
         },
-    },
-    sectionTitle: {
-        name: "Section Title",
-        description: "💡 Used to title a section of a page or modal title.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            size: fontSizes_1.default.h400.data.size,
-            sizeUnit: fontSizes_1.default.h400.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h400.data.lineHeight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h400.data.letterSpacing,
+        sectionTitle: {
+            name: "Section Title",
+            description: "💡 Used to title a section of a page or modal title.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                size: fontSizes_1.default.web.h400.data.size,
+                sizeUnit: fontSizes_1.default.web.h400.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h400.data.lineHeight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h400.data.letterSpacing,
+            },
         },
-    },
-    sectionSubtitle: {
-        name: "Section Subtitle",
-        description: "💡 Used to support section title.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            size: fontSizes_1.default.h300.data.size,
-            sizeUnit: fontSizes_1.default.h300.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h300.data.lineHeight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h300.data.letterSpacing,
+        sectionSubtitle: {
+            name: "Section Subtitle",
+            description: "💡 Used to support section title.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                size: fontSizes_1.default.web.h300.data.size,
+                sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h300.data.letterSpacing,
+            },
         },
-    },
-    button: {
-        name: "Button",
-        description: "Used only for Button text.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.semibold.data.weightAsString,
-            weight: fontWeights_1.default.semibold.data.weight,
-            size: fontSizes_1.default.h200.data.size,
-            sizeUnit: fontSizes_1.default.h200.data.sizeUnit,
-            lineHeight: 1.85,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: 0,
+        button: {
+            name: "Button",
+            description: "Used only for Button text.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.semibold.data.weightAsString,
+                weight: fontWeights_1.default.semibold.data.weight,
+                size: fontSizes_1.default.web.h200.data.size,
+                sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
+                lineHeight: 1.85,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: 0,
+            },
         },
-    },
-    textInput: {
-        name: "Text Input",
-        description: "Used only for text inputs.",
-        category: exports.CATEGORIES.UI,
-        data: {
-            weightAsString: fontWeights_1.default.regular.data.weightAsString,
-            weight: fontWeights_1.default.regular.data.weight,
-            size: fontSizes_1.default.h300.data.size,
-            sizeUnit: fontSizes_1.default.h300.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h300.data.lineHeight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: 0,
+        textInput: {
+            name: "Text Input",
+            description: "Used only for text inputs.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.web.h300.data.size,
+                sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: 0,
+            },
         },
-    },
-    display100: {
-        name: "Display 100",
-        description: "💡 Small text, usually supporting body text or labels.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h100.data.size,
-            sizeUnit: fontSizes_1.default.h100.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h100.data.lineHeight,
-            weightAsString: fontWeights_1.default.bold.data.weightAsString,
-            weight: fontWeights_1.default.bold.data.weight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h100.data.letterSpacing,
+        display100: {
+            name: "Display 100",
+            description: "💡 Small text, usually supporting body text or labels.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h100.data.size,
+                sizeUnit: fontSizes_1.default.web.h100.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h100.data.lineHeight,
+                weightAsString: fontWeights_1.default.bold.data.weightAsString,
+                weight: fontWeights_1.default.bold.data.weight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h100.data.letterSpacing,
+            },
         },
-    },
-    display200: {
-        name: "Display 200",
-        description: "💡 UI and paragraph text.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h200.data.size,
-            sizeUnit: fontSizes_1.default.h200.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h200.data.lineHeight,
-            weightAsString: fontWeights_1.default.semibold.data.weightAsString,
-            weight: fontWeights_1.default.semibold.data.weight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h200.data.letterSpacing,
+        display200: {
+            name: "Display 200",
+            description: "💡 UI and paragraph text.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h200.data.size,
+                sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h200.data.lineHeight,
+                weightAsString: fontWeights_1.default.semibold.data.weightAsString,
+                weight: fontWeights_1.default.semibold.data.weight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h200.data.letterSpacing,
+            },
         },
-    },
-    display300: {
-        name: "Display 300",
-        description: "💡 Input field text size.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h300.data.size,
-            sizeUnit: fontSizes_1.default.h300.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h300.data.lineHeight,
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h300.data.letterSpacing,
+        display300: {
+            name: "Display 300",
+            description: "💡 Input field text size.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h300.data.size,
+                sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h300.data.letterSpacing,
+            },
         },
-    },
-    display400: {
-        name: "Display 400",
-        description: "💡 Subtitles, modal titles etc.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h400.data.size,
-            sizeUnit: fontSizes_1.default.h400.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h400.data.lineHeight,
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h400.data.letterSpacing,
+        display400: {
+            name: "Display 400",
+            description: "💡 Subtitles, modal titles etc.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h400.data.size,
+                sizeUnit: fontSizes_1.default.web.h400.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h400.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h400.data.letterSpacing,
+            },
         },
-    },
-    display500: {
-        name: "Display 500",
-        description: "💡 Oversized Screen titles. Use in moderation.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h500.data.size,
-            sizeUnit: fontSizes_1.default.h500.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h500.data.lineHeight,
-            weightAsString: fontWeights_1.default.regular.data.weightAsString,
-            weight: fontWeights_1.default.regular.data.weight,
-            fontName: fontFamilies_1.default.sans.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h400.data.letterSpacing,
+        display500: {
+            name: "Display 500",
+            description: "💡 Oversized Screen titles. Use in moderation.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h500.data.size,
+                sizeUnit: fontSizes_1.default.web.h500.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h500.data.lineHeight,
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                fontName: fontFamilies_1.default.web.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h400.data.letterSpacing,
+            },
         },
-    },
-    display600: {
-        name: "Display 600",
-        description: "💡 Used for page titles. Use only once per page.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h600.data.size,
-            sizeUnit: fontSizes_1.default.h600.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h600.data.lineHeight,
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            fontName: fontFamilies_1.default.sansDisplay.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h600.data.letterSpacing,
+        display600: {
+            name: "Display 600",
+            description: "💡 Used for page titles. Use only once per page.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h600.data.size,
+                sizeUnit: fontSizes_1.default.web.h600.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h600.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h600.data.letterSpacing,
+            },
         },
-    },
-    display700: {
-        name: "Display 700",
-        description: "Add description here.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h700.data.size,
-            sizeUnit: fontSizes_1.default.h700.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h700.data.lineHeight,
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            fontName: fontFamilies_1.default.sansDisplay.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h700.data.letterSpacing,
+        display700: {
+            name: "Display 700",
+            description: "Add description here.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h700.data.size,
+                sizeUnit: fontSizes_1.default.web.h700.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h700.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h700.data.letterSpacing,
+            },
         },
-    },
-    display800: {
-        name: "Display 800",
-        description: "💡 Use for intentionally obtrusive text like fullscreen loading messages.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h800.data.size,
-            sizeUnit: fontSizes_1.default.h800.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h800.data.lineHeight,
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            fontName: fontFamilies_1.default.sansDisplay.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h800.data.letterSpacing,
+        display800: {
+            name: "Display 800",
+            description: "💡 Use for intentionally obtrusive text like fullscreen loading messages.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h800.data.size,
+                sizeUnit: fontSizes_1.default.web.h800.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h800.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h800.data.letterSpacing,
+            },
+        },
+        display900: {
+            name: "Display 900",
+            description: "💡 Oversized Screen titles. Use in moderation.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.web.h900.data.size,
+                sizeUnit: fontSizes_1.default.web.h900.data.sizeUnit,
+                lineHeight: fontSizes_1.default.web.h900.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.web.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.web.h900.data.letterSpacing,
+            },
         },
     },
-    display900: {
-        name: "Display 900",
-        description: "💡 Oversized Screen titles. Use in moderation.",
-        category: exports.CATEGORIES.DISPLAY,
-        data: {
-            size: fontSizes_1.default.h900.data.size,
-            sizeUnit: fontSizes_1.default.h900.data.sizeUnit,
-            lineHeight: fontSizes_1.default.h900.data.lineHeight,
-            weightAsString: fontWeights_1.default.medium.data.weightAsString,
-            weight: fontWeights_1.default.medium.data.weight,
-            fontName: fontFamilies_1.default.sansDisplay.data.fontName,
-            fontFamily: fontFamilies_1.default.sans.data.fontFamily,
-            fontFamilyRN: fontFamilies_1.default.sans.data.fontFamilyRN,
-            letterSpacing: fontSizes_1.default.h900.data.letterSpacing,
+    reactNative: {
+        microcopy: {
+            name: "Microcopy",
+            description: "Smaller, supporting text.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.reactNative.h100.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h100.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h100.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h100.data.letterSpacing,
+            },
+        },
+        caption: {
+            name: "Caption",
+            description: "Smaller, supporting text.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.reactNative.h200.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h200.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h200.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h200.data.letterSpacing,
+            },
+        },
+        body: {
+            name: "Body",
+            description: "Normal text for UI and body.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.reactNative.h300.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h300.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h300.data.letterSpacing,
+            },
+        },
+        sectionSubtitle: {
+            name: "Section Subtitle",
+            description: "💡 Used to support section title.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.semibold.data.weightAsString,
+                weight: fontWeights_1.default.semibold.data.weight,
+                size: fontSizes_1.default.reactNative.h300.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h300.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h300.data.letterSpacing,
+            },
+        },
+        sectionTitle: {
+            name: "Section Title",
+            description: "💡 Used to title a section of a page or modal title.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.semibold.data.weightAsString,
+                weight: fontWeights_1.default.semibold.data.weight,
+                size: fontSizes_1.default.reactNative.h400.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h400.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h400.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h400.data.letterSpacing,
+            },
+        },
+        pageTitle: {
+            name: "Page Title",
+            description: "💡 Used for page titles. Use only once per page.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                size: fontSizes_1.default.reactNative.h500.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h500.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h500.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h500.data.letterSpacing,
+            },
+        },
+        navTitle: {
+            name: "Nav Title",
+            description: "Used for showing Nav Titles",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.bold.data.weightAsString,
+                weight: fontWeights_1.default.bold.data.weight,
+                size: fontSizes_1.default.reactNative.h500.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h500.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h500.data.lineHeight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sansDisplay.data.fontFamily,
+                letterSpacing: 0,
+            },
+        },
+        navTitleCompacted: {
+            name: "Nav Title (Compacted)",
+            description: "Used for showing Nav Titles when compacted",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                size: fontSizes_1.default.reactNative.h300.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
+                lineHeight: 1.85,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: 0,
+            },
+        },
+        button: {
+            name: "Button",
+            description: "Used only for Button text.",
+            category: exports.CATEGORIES.UI,
+            data: {
+                weightAsString: fontWeights_1.default.semibold.data.weightAsString,
+                weight: fontWeights_1.default.semibold.data.weight,
+                size: fontSizes_1.default.reactNative.h200.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h200.data.sizeUnit,
+                lineHeight: 1.85,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: 0,
+            },
+        },
+        display100: {
+            name: "Display 100",
+            description: "💡 Small text, usually supporting body text or labels.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h100.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h100.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h100.data.lineHeight,
+                weightAsString: fontWeights_1.default.bold.data.weightAsString,
+                weight: fontWeights_1.default.bold.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h100.data.letterSpacing,
+            },
+        },
+        display200: {
+            name: "Display 200",
+            description: "💡 UI and paragraph text.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h200.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h200.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h200.data.lineHeight,
+                weightAsString: fontWeights_1.default.semibold.data.weightAsString,
+                weight: fontWeights_1.default.semibold.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h200.data.letterSpacing,
+            },
+        },
+        display300: {
+            name: "Display 300",
+            description: "💡 Input field text size.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h300.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h300.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h300.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h300.data.letterSpacing,
+            },
+        },
+        display400: {
+            name: "Display 400",
+            description: "💡 Subtitles, modal titles etc.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h400.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h400.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h400.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h400.data.letterSpacing,
+            },
+        },
+        display500: {
+            name: "Display 500",
+            description: "💡 Oversized Screen titles. Use in moderation.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h500.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h500.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h500.data.lineHeight,
+                weightAsString: fontWeights_1.default.regular.data.weightAsString,
+                weight: fontWeights_1.default.regular.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sans.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h400.data.letterSpacing,
+            },
+        },
+        display600: {
+            name: "Display 600",
+            description: "💡 Used for page titles. Use only once per page.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h600.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h600.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h600.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h600.data.letterSpacing,
+            },
+        },
+        display700: {
+            name: "Display 700",
+            description: "Add description here.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h700.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h700.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h700.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h700.data.letterSpacing,
+            },
+        },
+        display800: {
+            name: "Display 800",
+            description: "💡 Use for intentionally obtrusive text like fullscreen loading messages.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h800.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h800.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h800.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h800.data.letterSpacing,
+            },
+        },
+        display900: {
+            name: "Display 900",
+            description: "💡 Oversized Screen titles. Use in moderation.",
+            category: exports.CATEGORIES.DISPLAY,
+            data: {
+                size: fontSizes_1.default.reactNative.h900.data.size,
+                sizeUnit: fontSizes_1.default.reactNative.h900.data.sizeUnit,
+                lineHeight: fontSizes_1.default.reactNative.h900.data.lineHeight,
+                weightAsString: fontWeights_1.default.medium.data.weightAsString,
+                weight: fontWeights_1.default.medium.data.weight,
+                fontName: fontFamilies_1.default.reactNative.sansDisplay.data.fontName,
+                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+                letterSpacing: fontSizes_1.default.reactNative.h900.data.letterSpacing,
+            },
         },
     },
 };