@lightsparkdev/ui 0.0.1 → 0.0.3

package/dist/styles/fonts/typography/index.cjs

@@ -49,20 +49,28 @@ var typography_exports = {};
 __export(typography_exports, {
   Article: () => Article,
   Body: () => Body,
+  BodyStrong: () => BodyStrong,
   Code: () => Code,
   Display: () => Display,
   Headline: () => Headline,
   Label: () => Label,
+  LabelModerate: () => LabelModerate,
   LabelStrong: () => LabelStrong,
+  Overline: () => Overline,
   Title: () => Title
 });
 module.exports = __toCommonJS(typography_exports);
 
 // src/styles/fonts/typography/Article.tsx
-var import_styled5 = __toESM(require("@emotion/styled"), 1);
+var import_styled8 = __toESM(require("@emotion/styled"), 1);
 
-// src/styles/colors.tsx
-var import_react3 = require("@emotion/react");
+// src/components/ContentTable.tsx
+var import_styled2 = __toESM(require("@emotion/styled"), 1);
+
+// src/styles/common.tsx
+var import_react4 = require("@emotion/react");
+var import_styled = __toESM(require("@emotion/styled"), 1);
+var import_react_tooltip = require("react-tooltip");
 
 // src/styles/breakpoints.tsx
 var import_react = require("@emotion/react");
@@ -160,22 +168,41 @@ function inRange(currentBp, assertBp) {
   return false;
 }
 
+// src/styles/colors.tsx
+var import_react3 = require("@emotion/react");
+
 // src/styles/fonts/typographyTokens.ts
 var FONT_FAMILIES = {
   main: "Montserrat",
   code: "Monaco"
 };
 var LINE_HEIGHTS = {
-  "5xl": "72px",
-  "4xl": "60px",
-  "3xl": "44px",
-  "2xl": "40px",
-  xl: "36px",
-  lg: "32px",
-  md: "28px",
-  sm: "24px",
-  xs: "20px",
-  "2xs": "16px"
+  ["UmaDocs" /* UmaDocs */]: {
+    "5xl": "72px",
+    "4xl": "60px",
+    "3xl": "44px",
+    "2xl": "40px",
+    xl: "36px",
+    lg: "32px",
+    md: "28px",
+    sm: "24px",
+    xs: "20px",
+    "2xs": "16px"
+  },
+  ["Lightspark" /* Lightspark */]: {
+    "7xl": "72px",
+    "6xl": "60px",
+    "5xl": "44px",
+    "4xl": "40px",
+    "3xl": "36px",
+    "2xl": "32px",
+    xl: "28px",
+    lg: "24px",
+    md: "20px",
+    sm: "18px",
+    xs: "16px",
+    "2xs": "14px"
+  }
 };
 var FONT_WEIGHTS = {
   main: {
@@ -189,22 +216,47 @@ var FONT_WEIGHTS = {
   }
 };
 var FONT_SIZE = {
-  "2xs": "11px",
-  xs: "12px",
-  sm: "14px",
-  md: "16px",
-  lg: "20px",
-  xl: "24px",
-  "2xl": "28px",
-  "3xl": "32px",
-  "4xl": "36px",
-  "5xl": "48px",
-  "6xl": "64px"
+  ["UmaDocs" /* UmaDocs */]: {
+    "2xs": "11px",
+    xs: "12px",
+    sm: "14px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+    "2xl": "28px",
+    "3xl": "32px",
+    "4xl": "36px",
+    "5xl": "48px",
+    "6xl": "64px"
+  },
+  ["Lightspark" /* Lightspark */]: {
+    "2xs": "10px",
+    xs: "12px",
+    sm: "14px",
+    md: "16px",
+    lg: "20px",
+    xl: "24px",
+    "2xl": "28px",
+    "3xl": "32px",
+    "4xl": "36px",
+    "5xl": "48px",
+    "6xl": "64px"
+  }
 };
 var LETTER_SPACING = {
-  tight: "-.02em",
-  normal: "0",
-  loose: ".1em"
+  ["UmaDocs" /* UmaDocs */]: {
+    tight: "-.02em",
+    normal: "0",
+    loose: ".1em"
+  },
+  ["Lightspark" /* Lightspark */]: {
+    "tight-max": "-4%",
+    "tight-high": "-3%",
+    "tight-medium": "-2%",
+    "tight-low": "-0.5%",
+    normal: "0",
+    "loose-max": "1.44px"
+  }
 };
 var TEXT_CASE = {
   none: "none",
@@ -218,6 +270,7 @@ var PARAGRAPH_INDENT = {
 };
 var PARAGRAPH_SPACING = {
   default: "default",
+  0: "0",
   16: "16px",
   40: "40px"
 };
@@ -238,10 +291,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["5xl"]}`,
-          "font-size": `${FONT_SIZE["6xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["7xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["6xl"]}`,
+          "letter-spacing": "-2.56px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -249,10 +302,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["4xl"]}`,
-          "font-size": `${FONT_SIZE["5xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["6xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["5xl"]}`,
+          "letter-spacing": "-1.92px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -260,10 +313,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["3xl"]}`,
-          "font-size": `${FONT_SIZE["4xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["5xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["4xl"]}`,
+          "letter-spacing": "-1.44px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -273,10 +326,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xl"]}`,
-          "font-size": `${FONT_SIZE["3xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["4xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["3xl"]}`,
+          "letter-spacing": "-.96px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -284,10 +337,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xl}`,
-          "font-size": `${FONT_SIZE["2xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["3xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xl"]}`,
+          "letter-spacing": "-.84px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -295,10 +348,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.lg}`,
-          "font-size": `${FONT_SIZE.xl}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xl"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xl}`,
+          "letter-spacing": "-.72px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -308,10 +361,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.md}`,
-          "font-size": `${FONT_SIZE.lg}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": "-.4px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -319,10 +372,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "-.32x",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -330,10 +383,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.28px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -342,11 +395,11 @@ var getTypography = (customFontFamilies) => {
       Body: {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": "-.08px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -354,10 +407,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -365,23 +418,93 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Body Strong": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": "-.08px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         }
       },
       Label: {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+          "letter-spacing": "-.05px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Label Moderate": {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -389,10 +512,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -400,10 +523,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+          "letter-spacing": "-.05px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -413,10 +536,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "-.07px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -424,10 +547,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "-.06px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -435,10 +558,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */]["2xs"]}`,
+          "letter-spacing": "-.05px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -446,34 +569,34 @@ var getTypography = (customFontFamilies) => {
       },
       Overline: {
         ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": "1.92px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": "1.68px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": "1.44px",
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -483,10 +606,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xl}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].lg}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -494,10 +617,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -505,10 +628,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -518,10 +641,10 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].lg}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].md}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -529,10 +652,10 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].md}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -540,10 +663,10 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
-          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "line-height": `${LINE_HEIGHTS["Lightspark" /* Lightspark */].xs}`,
+          "font-size": `${FONT_SIZE["Lightspark" /* Lightspark */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["Lightspark" /* Lightspark */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
           "text-decoration": `${TEXT_DECORATION.none}`
@@ -555,9 +678,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["5xl"]}`,
-          "font-size": `${FONT_SIZE["6xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["5xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["6xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -566,9 +689,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["4xl"]}`,
-          "font-size": `${FONT_SIZE["5xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["4xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["5xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -577,9 +700,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["3xl"]}`,
-          "font-size": `${FONT_SIZE["4xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["3xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["4xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -590,9 +713,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xl"]}`,
-          "font-size": `${FONT_SIZE["3xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xl"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["3xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -601,9 +724,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xl}`,
-          "font-size": `${FONT_SIZE["2xl"]}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xl}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xl"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -612,9 +735,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.lg}`,
-          "font-size": `${FONT_SIZE.xl}`,
-          "letter-spacing": `${LETTER_SPACING.tight}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].lg}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xl}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].tight}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING[16]}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -625,9 +748,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.md}`,
-          "font-size": `${FONT_SIZE.lg}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].md}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].lg}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -636,9 +759,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -647,9 +770,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -660,9 +783,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -671,9 +794,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -682,9 +805,44 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Body Strong": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -695,9 +853,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -706,9 +864,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -717,9 +875,44 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        }
+      },
+      "Label Moderate": {
+        ["Large" /* Large */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Medium" /* Medium */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
+          "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
+          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
+          "text-case": `${TEXT_CASE.none}`,
+          "text-decoration": `${TEXT_DECORATION.none}`
+        },
+        ["Small" /* Small */]: {
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -730,9 +923,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -741,9 +934,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -752,9 +945,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.main}`,
           "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE["2xs"]}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -763,33 +956,33 @@ var getTypography = (customFontFamilies) => {
       },
       Overline: {
         ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
           "text-decoration": `${TEXT_DECORATION.none}`
         },
         ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS["2xs"]}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.loose}`,
+          "font-family": `${fontFamilies.main}`,
+          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */]["2xs"]}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].loose}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.uppercase}`,
@@ -800,9 +993,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -811,9 +1004,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -822,9 +1015,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "line-height": `${LINE_HEIGHTS.xs}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].xs}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -835,9 +1028,9 @@ var getTypography = (customFontFamilies) => {
         ["Large" /* Large */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.md}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].md}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -846,9 +1039,9 @@ var getTypography = (customFontFamilies) => {
         ["Medium" /* Medium */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.sm}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].sm}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -857,9 +1050,9 @@ var getTypography = (customFontFamilies) => {
         ["Small" /* Small */]: {
           "font-family": `${fontFamilies.code}`,
           "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "line-height": `${LINE_HEIGHTS.sm}`,
-          "font-size": `${FONT_SIZE.xs}`,
-          "letter-spacing": `${LETTER_SPACING.normal}`,
+          "line-height": `${LINE_HEIGHTS["UmaDocs" /* UmaDocs */].sm}`,
+          "font-size": `${FONT_SIZE["UmaDocs" /* UmaDocs */].xs}`,
+          "letter-spacing": `${LETTER_SPACING["UmaDocs" /* UmaDocs */].normal}`,
           "paragraph-spacing": `${PARAGRAPH_SPACING.default}`,
           "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
           "text-case": `${TEXT_CASE.none}`,
@@ -872,8 +1065,6 @@ var getTypography = (customFontFamilies) => {
 var getTypographyString = (token) => {
   return Object.entries(token).map((entry) => {
     switch (entry[0]) {
-      case "paragraph-spacing":
-        return entry[1] === "default" ? "" : `margin-bottom: ${entry[1]};`;
       case "paragraph-indent":
         return `text-indent: ${entry[1]};`;
       case "text-case":
@@ -1031,7 +1222,7 @@ var lightTheme = extend(lightBaseTheme, {
   }),
   nav: extendBase(lightBaseTheme, {
     text: colors.gray10,
-    secondary: colors.secondary
+    secondary: colors.gray40
   }),
   content: extendBase(lightBaseTheme, {
     bg: colors.white,
@@ -1097,14 +1288,6 @@ function hexToRGB(hex) {
   ] : [0, 0, 0];
 }
 
-// src/styles/utils.tsx
-var import_react5 = require("@emotion/react");
-
-// src/styles/common.tsx
-var import_react4 = require("@emotion/react");
-var import_styled = __toESM(require("@emotion/styled"), 1);
-var import_react_tooltip = require("react-tooltip");
-
 // src/styles/z-index.tsx
 var z = {
   card: 1,
@@ -1181,7 +1364,38 @@ var StyledTooltip = (0, import_styled.default)(import_react_tooltip.Tooltip)`
   z-index: ${z.modalOverlay};
 `;
 
+// src/components/ContentTable.tsx
+var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
+var StyledContentTable = import_styled2.default.table`
+  width: 100%;
+  border-collapse: collapse;
+  border: 1px solid ${({ theme }) => theme.c1Neutral};
+  color: ${({ theme }) => theme.c6Neutral};
+
+  tr:last-child td:first-child {
+    border-bottom-left-radius: 10px;
+  }
+
+  tr:last-child td:last-child {
+    border-bottom-right-radius: 10px;
+  }
+
+  th,
+  td {
+    padding: 26px 12px;
+    border: 1px solid #e5e5e5;
+  }
+  th {
+    text-align: center;
+  }
+  td {
+    vertical-align: middle;
+    text-align: center;
+  }
+`;
+
 // src/styles/utils.tsx
+var import_react5 = require("@emotion/react");
 function pxToRems(rems, asNum = false) {
   const value = (rems / rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
@@ -1242,12 +1456,12 @@ var overflowAutoWithoutScrollbars = import_react5.css`
 `;
 
 // src/styles/fonts/typography/Body.tsx
-var import_styled2 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime2 = require("@emotion/react/jsx-runtime");
+var import_styled3 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
 var Body = ({ children, color, size: size2 = "Medium" /* Medium */ }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(StyledBody, { size: size2, color, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledBody, { size: size2, color, children });
 };
-var StyledBody = import_styled2.default.span`
+var StyledBody = import_styled3.default.span`
   display: block;
   color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
@@ -1255,18 +1469,30 @@ var StyledBody = import_styled2.default.span`
 }}
 `;
 
+// src/styles/fonts/typography/Code.tsx
+var import_styled4 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
+var Code = ({ children, size: size2 = "Medium" /* Medium */ }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledCode, { size: size2, children });
+};
+var StyledCode = import_styled4.default.div`
+  ${({ theme, size: size2 }) => {
+  return size2 ? getTypographyString(theme.typography[theme.app].Code[size2]) : "";
+}}
+`;
+
 // src/styles/fonts/typography/Display.tsx
-var import_styled3 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime3 = require("@emotion/react/jsx-runtime");
+var import_styled5 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime5 = require("@emotion/react/jsx-runtime");
 var Display = ({
   children,
   color,
   size: size2 = "Medium" /* Medium */,
   element = "h1"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StyledDisplay, { as: element, size: size2, color, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(StyledDisplay, { as: element, size: size2, color, children });
 };
-var StyledDisplay = import_styled3.default.span`
+var StyledDisplay = import_styled5.default.span`
   color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
   return size2 ? getTypographyString(theme.typography[theme.app].Display[size2]) : "";
@@ -1277,9 +1503,9 @@ function displaySelector(element) {
 }
 
 // src/styles/fonts/typography/Headline.tsx
-var import_styled4 = __toESM(require("@emotion/styled"), 1);
+var import_styled6 = __toESM(require("@emotion/styled"), 1);
 var import_react6 = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime6 = require("@emotion/react/jsx-runtime");
 var HEADINGS = ["h1", "h2", "h3", "h4", "h5", "h6"];
 function isReactNodeWithChildren(node) {
   return Boolean(
@@ -1314,9 +1540,9 @@ var Headline = ({
   heading = "h1"
 }) => {
   const id = toKebabCase(getHeaderId(children));
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(StyledHeadline, { as: heading, id, size: size2, color, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyledHeadline, { as: heading, id, size: size2, color, children });
 };
-var StyledHeadline = import_styled4.default.span`
+var StyledHeadline = import_styled6.default.span`
   color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
   return size2 ? getTypographyString(theme.typography[theme.app].Headline[size2]) : "";
@@ -1334,73 +1560,97 @@ function headlineSelector(heading) {
 }
 var ALL_HEADLINE_SELECTORS = HEADINGS.map(headlineSelector).join(",");
 
+// src/styles/fonts/typography/Title.tsx
+var import_styled7 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime7 = require("@emotion/react/jsx-runtime");
+var Title = ({
+  children,
+  color,
+  size: size2 = "Medium" /* Medium */,
+  block = false
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyledTitle, { size: size2, color, block, children });
+};
+var StyledTitle = import_styled7.default.span`
+  ${({ block }) => block ? "display: block;" : ""}
+  color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
+  ${({ theme, size: size2 }) => {
+  return size2 ? getTypographyString(theme.typography[theme.app].Title[size2]) : "";
+}}
+`;
+
 // src/styles/fonts/typography/Article.tsx
-var Article = import_styled5.default.article`
+var Article = import_styled8.default.article`
   ${displaySelector("h1")} {
     margin: 0;
   }
 
   ${headlineSelector("h1")} {
     margin: 0;
-    padding-bottom: 8px;
+    padding-bottom: ${"8px" /* xs */};
   }
 
   ${headlineSelector("h2")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h3")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h4")} {
-    padding-top: 16px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h5")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${headlineSelector("h6")} {
-    padding-top: 32px;
-    padding-bottom: 8px;
+    padding-top: ${"40px" /* 2xl */};
+    padding-bottom: ${"8px" /* xs */};
     margin: 0;
   }
 
   ${StyledBody} {
-    margin-top: 12px;
-    margin-bottom: 12px;
+    margin-top: ${"8px" /* xs */};
+    margin-bottom: ${"8px" /* xs */};
+  }
+
+  ${StyledContentTable} {
+    margin: ${"40px" /* 2xl */} 0;
   }
 
   img {
-    margin-top: 16px;
-    margin-bottom: 16px;
+    margin-top: ${"16px" /* md */};
+    margin-bottom: ${"16px" /* md */};
   }
 
   strong {
     font-weight: 700;
   }
 
-  *:not(${ALL_HEADLINE_SELECTORS}) > a {
+  *:not(${ALL_HEADLINE_SELECTORS},${StyledTitle},${StyledCode}) > a {
     ${({ theme }) => getTypographyString(
   theme.typography[theme.app]["Label Strong"]["Large" /* Large */]
 )}
+    font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
 
   ul,
   ol {
-    padding-left: 24px;
-    margin-top: 8px;
-    margin-bottom: 8px;
+    padding-left: ${"24px" /* lg */};
+    margin-top: ${"8px" /* xs */};
+    margin-bottom: ${"8px" /* xs */};
     *:not(a) {
       color: ${({ theme }) => theme.text};
     }
@@ -1409,23 +1659,23 @@ var Article = import_styled5.default.article`
   li {
     ${({ theme }) => getTypographyString(theme.typography[theme.app].Body["Medium" /* Medium */])}
     :not(:last-child) {
-      margin-bottom: 4px;
+      margin-bottom: ${"4px" /* 3xs */};
     }
   }
 
   code:not([class|="language"]) {
     ${({ theme }) => getTypographyString(theme.typography[theme.app].Code["Medium" /* Medium */])}
     background: ${colors.uma.blue90};
-    padding: 2px 6px;
-    margin: 2px;
+    padding: ${"2px" /* 4xs */} ${"6px" /* 2xs */};
+    margin: ${"2px" /* 4xs */};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
     border-radius: 8px;
     width: 100%;
-    padding: 16px 24px;
-    margin: 0;
+    padding: ${"16px" /* md */} ${"24px" /* lg */};
+    margin: ${"16px" /* md */} 0;
   }
 
   // Must match specificity of prismjs to get proper line height!
@@ -1435,27 +1685,37 @@ var Article = import_styled5.default.article`
 
     ${overflowAutoWithoutScrollbars}
   }
+
+  blockquote {
+    margin: ${"8px" /* xs */} 0;
+  }
 `;
 
-// src/styles/fonts/typography/Code.tsx
-var import_styled6 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime5 = require("@emotion/react/jsx-runtime");
-var Code = ({ children, size: size2 = "Medium" /* Medium */ }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CodeStyles, { size: size2, children });
+// src/styles/fonts/typography/BodyStrong.tsx
+var import_styled9 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime8 = require("@emotion/react/jsx-runtime");
+var BodyStrong = ({
+  children,
+  color,
+  size: size2 = "Medium" /* Medium */
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StyledBodyStrong, { size: size2, color, children });
 };
-var CodeStyles = import_styled6.default.div`
+var StyledBodyStrong = import_styled9.default.span`
+  display: block;
+  color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
-  return size2 ? getTypographyString(theme.typography[theme.app].Code[size2]) : "";
+  return size2 ? getTypographyString(theme.typography[theme.app]["Body Strong"][size2]) : "";
 }}
 `;
 
 // src/styles/fonts/typography/Label.tsx
-var import_styled7 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime6 = require("@emotion/react/jsx-runtime");
+var import_styled10 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime9 = require("@emotion/react/jsx-runtime");
 var Label = ({ children, color, size: size2 = "Medium" /* Medium */ }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(StyledLabel, { size: size2, color, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(StyledLabel, { size: size2, color, children });
 };
-var StyledLabel = import_styled7.default.label`
+var StyledLabel = import_styled10.default.label`
   color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
   return size2 ? getTypographyString(theme.typography[theme.app].Label[size2]) : "";
@@ -1463,17 +1723,44 @@ var StyledLabel = import_styled7.default.label`
   cursor: inherit;
 `;
 
+// src/styles/fonts/typography/LabelModerate.tsx
+var import_styled11 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime10 = require("@emotion/react/jsx-runtime");
+var LabelModerate = ({
+  children,
+  color,
+  size: size2 = "Medium" /* Medium */
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(StyledLabelModerate, { size: size2, color, children });
+};
+var StyledLabelModerate = import_styled11.default.label`
+  color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
+  ${({ theme, size: size2 }) => {
+  return size2 ? getTypographyString(theme.typography[theme.app]["Label Moderate"][size2]) : "";
+}}
+  cursor: inherit;
+
+  * {
+    color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
+    ${({ theme, size: size2 }) => {
+  return size2 ? getTypographyString(
+    theme.typography[theme.app]["Label Moderate"][size2]
+  ) : "";
+}}
+  }
+`;
+
 // src/styles/fonts/typography/LabelStrong.tsx
-var import_styled8 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime7 = require("@emotion/react/jsx-runtime");
+var import_styled12 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime11 = require("@emotion/react/jsx-runtime");
 var LabelStrong = ({
   children,
   color,
   size: size2 = "Medium" /* Medium */
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StyledLabelStrong, { size: size2, color, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(StyledLabelStrong, { size: size2, color, children });
 };
-var StyledLabelStrong = import_styled8.default.label`
+var StyledLabelStrong = import_styled12.default.label`
   color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
   return size2 ? getTypographyString(theme.typography[theme.app]["Label Strong"][size2]) : "";
@@ -1488,26 +1775,34 @@ var StyledLabelStrong = import_styled8.default.label`
   }
 `;
 
-// src/styles/fonts/typography/Title.tsx
-var import_styled9 = __toESM(require("@emotion/styled"), 1);
-var import_jsx_runtime8 = require("@emotion/react/jsx-runtime");
-var Title = ({ children, color, size: size2 = "Medium" /* Medium */ }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(StyledTitle, { size: size2, color, children });
+// src/styles/fonts/typography/Overline.tsx
+var import_styled13 = __toESM(require("@emotion/styled"), 1);
+var import_jsx_runtime12 = require("@emotion/react/jsx-runtime");
+var Overline = ({
+  children,
+  color,
+  size: size2 = "Medium" /* Medium */
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(StyledOverline, { size: size2, color, children });
 };
-var StyledTitle = import_styled9.default.span`
+var StyledOverline = import_styled13.default.span`
   color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
   ${({ theme, size: size2 }) => {
-  return size2 ? getTypographyString(theme.typography[theme.app].Title[size2]) : "";
+  return size2 ? getTypographyString(theme.typography[theme.app].Overline[size2]) : "";
 }}
+  cursor: inherit;
 `;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Article,
   Body,
+  BodyStrong,
   Code,
   Display,
   Headline,
   Label,
+  LabelModerate,
   LabelStrong,
+  Overline,
   Title
 });