@vitality-ds/icons 4.0.6-alpha.7 → 4.1.0

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

@@ -1,531 +1,561 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CATEGORIES = void 0;
 var fontFamilies_1 = __importDefault(require("./fontFamilies"));
 var fontSizes_1 = __importDefault(require("./fontSizes"));
 var fontWeights_1 = __importDefault(require("./fontWeights"));
 exports.CATEGORIES = {
-    DISPLAY: "DISPLAY",
-    UI: "UI",
+  DISPLAY: "DISPLAY",
+  UI: "UI",
 };
 var FontStyles = {
-    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,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.web.h100.data.size,
-                sizeUnit: fontSizes_1.default.web.h100.data.sizeUnit,
-                lineHeight: fontSizes_1.default.web.h100.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.web.h500.data.size,
-                sizeUnit: fontSizes_1.default.web.h500.data.sizeUnit,
-                lineHeight: fontSizes_1.default.web.h500.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.web.h400.data.size,
-                sizeUnit: fontSizes_1.default.web.h400.data.sizeUnit,
-                lineHeight: fontSizes_1.default.web.h400.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.web.h300.data.size,
-                sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
-                lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.web.h200.data.size,
-                sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
-                lineHeight: 1.85,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.web.h300.data.size,
-                sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
-                lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
-                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.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,
-                fontNameFigma: fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
-                fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
-                letterSpacing: fontSizes_1.default.web.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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                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: fontSizes_1.default.reactNative.h300.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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: fontSizes_1.default.reactNative.h200.data.lineHeight,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                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,
-                fontNameFigma: fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
-                fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
-                letterSpacing: fontSizes_1.default.reactNative.h900.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,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.web.h100.data.size,
+        sizeUnit: fontSizes_1.default.web.h100.data.sizeUnit,
+        lineHeight: fontSizes_1.default.web.h100.data.lineHeight,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.web.h500.data.size,
+        sizeUnit: fontSizes_1.default.web.h500.data.sizeUnit,
+        lineHeight: fontSizes_1.default.web.h500.data.lineHeight,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.web.h400.data.size,
+        sizeUnit: fontSizes_1.default.web.h400.data.sizeUnit,
+        lineHeight: fontSizes_1.default.web.h400.data.lineHeight,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.web.h300.data.size,
+        sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
+        lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.web.h200.data.size,
+        sizeUnit: fontSizes_1.default.web.h200.data.sizeUnit,
+        lineHeight: 1.85,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.web.h300.data.size,
+        sizeUnit: fontSizes_1.default.web.h300.data.sizeUnit,
+        lineHeight: fontSizes_1.default.web.h300.data.lineHeight,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.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,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.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,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.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,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.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,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.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,
+        fontNameFigma: fontFamilies_1.default.web.sans.data.fontNameFigma,
+        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.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,
+        fontNameFigma:
+          fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
+        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.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,
+        fontNameFigma:
+          fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
+        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.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,
+        fontNameFigma:
+          fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.web.sansDisplay.data.fontNameFigma,
+        fontFamily: fontFamilies_1.default.web.sans.data.fontFamily,
+        letterSpacing: fontSizes_1.default.web.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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        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: fontSizes_1.default.reactNative.h300.data.lineHeight,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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: fontSizes_1.default.reactNative.h200.data.lineHeight,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sans.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        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,
+        fontNameFigma:
+          fontFamilies_1.default.reactNative.sansDisplay.data.fontNameFigma,
+        fontFamily: fontFamilies_1.default.reactNative.sans.data.fontFamily,
+        letterSpacing: fontSizes_1.default.reactNative.h900.data.letterSpacing,
+      },
     },
+  },
 };
 exports.default = FontStyles;
-//# sourceMappingURL=fontStyles.js.map
+//# sourceMappingURL=fontStyles.js.map