npm - @vitality-ds/icons - Versions diffs - 4.1.2 → 4.2.0 - Mend

@vitality-ds/icons 4.1.2 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (644) hide show

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

@@ -1,561 +1,531 @@
 "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