@lightsparkdev/ui 0.0.13 → 1.0.0

package/dist/components/StatusIndicator.cjs

@@ -53,10 +53,10 @@ module.exports = __toCommonJS(StatusIndicator_exports);
 var import_styled2 = __toESM(require("@emotion/styled"), 1);
 
 // src/styles/utils.tsx
-var import_react5 = require("@emotion/react");
+var import_react4 = require("@emotion/react");
 
 // src/styles/common.tsx
-var import_react4 = require("@emotion/react");
+var import_react3 = require("@emotion/react");
 var import_styled = __toESM(require("@emotion/styled"), 1);
 
 // src/styles/breakpoints.tsx
@@ -155,901 +155,6 @@ 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 = {
-  ["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: {
-    Bold: 700,
-    SemiBold: 600,
-    Medium: 500
-  },
-  code: {
-    Bold: 700,
-    Regular: 400
-  }
-};
-var FONT_SIZE = {
-  ["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 = {
-  ["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",
-  uppercase: "uppercase"
-};
-var TEXT_DECORATION = {
-  none: "none"
-};
-var PARAGRAPH_INDENT = {
-  0: "0px"
-};
-var PARAGRAPH_SPACING = {
-  default: "default",
-  0: "0",
-  16: "16px",
-  40: "40px"
-};
-var getTypography = (customFontFamilies) => {
-  const fontFamilies = customFontFamilies != null ? customFontFamilies : FONT_FAMILIES;
-  return {
-    fontFamilies,
-    lineHeights: LINE_HEIGHTS,
-    fontWeights: FONT_WEIGHTS,
-    fontSize: FONT_SIZE,
-    letterSpacing: LETTER_SPACING,
-    textCase: TEXT_CASE,
-    textDecoration: TEXT_DECORATION,
-    paragraphIndent: PARAGRAPH_INDENT,
-    paragraphSpacing: PARAGRAPH_SPACING,
-    ["Lightspark" /* Lightspark */]: {
-      Display: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`
-        }
-      },
-      Headline: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`
-        }
-      },
-      Title: {
-        ["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": "-.4px",
-          "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": "-.32x",
-          "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": "-.28px",
-          "paragraph-spacing": `${PARAGRAPH_SPACING[0]}`,
-          "paragraph-indent": `${PARAGRAPH_INDENT[0]}`,
-          "text-case": `${TEXT_CASE.none}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Body: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "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}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Medium}`,
-          "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.Medium}`,
-          "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["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.SemiBold}`,
-          "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.SemiBold}`,
-          "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 Strong": {
-        ["Large" /* Large */]: {
-          "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": "-.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.Bold}`,
-          "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.Bold}`,
-          "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}`
-        }
-      },
-      Overline: {
-        ["Large" /* Large */]: {
-          "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.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.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}`
-        }
-      },
-      Code: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "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}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "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}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "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}`
-        }
-      },
-      "Code Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "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}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "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}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "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}`
-        }
-      }
-    },
-    ["UmaDocs" /* UmaDocs */]: {
-      Display: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Headline: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Small" /* Small */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Title: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.Bold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        },
-        ["Medium" /* Medium */]: {
-          "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}`
-        },
-        ["Small" /* Small */]: {
-          "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}`
-        }
-      },
-      Body: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "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.Medium}`,
-          "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.Medium}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Label: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.main}`,
-          "font-weight": `${FONT_WEIGHTS.main.SemiBold}`,
-          "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.SemiBold}`,
-          "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.SemiBold}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      "Label Strong": {
-        ["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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Overline: {
-        ["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 */].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.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.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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      Code: {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "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.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "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.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Regular}`,
-          "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}`,
-          "text-decoration": `${TEXT_DECORATION.none}`
-        }
-      },
-      "Code Strong": {
-        ["Large" /* Large */]: {
-          "font-family": `${fontFamilies.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.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.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "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.code}`,
-          "font-weight": `${FONT_WEIGHTS.code.Bold}`,
-          "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}`
-        }
-      }
-    }
-  };
-};
-
 // src/styles/colors.tsx
 var neutral = {
   black: "#000000",
@@ -1061,227 +166,72 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
+  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
   gray85: "#D9D9D9",
   gray90: "#E6E6E6",
+  gray91: "#171717",
   gray95: "#F2F2F2",
+  gray98: "#F9F9F9",
   white: "#FFFFFF"
 };
-var uma = {
-  background: "#F9F9F9",
-  black: "#16171A",
-  blue: "#0068C9",
-  blue50: "#C0C9D6",
-  blue80: "#DCE2EA",
-  blue90: "#EBEEF2",
-  blue95: "#F2F5F7",
-  grey300: "#DEDFE4",
-  secondary: "#686A72",
-  stroke: "#C0C9D6",
-  strokeProminent: "#9BA7B9",
-  fill: "#EBEEF2"
-};
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
 var primary = "#FFF14E";
-var colors = __spreadProps(__spreadValues({}, neutral), {
-  uma,
+var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // green
   success: "#17C27C",
+  green33: "#179257",
   // blue
   blue43: "#145BC6",
   blue22: "#0E2E60",
+  blue39: "#0068C9",
+  blue37: "#21529c",
   blue58: "#28BFFF",
-  blue95: "#EBEEF2",
+  // less than 50% saturated blue
+  grayBlue9: "#16171A",
+  grayBlue32: "#4F5156",
+  grayBlue43: "#686A72",
+  grayBlue45: "#676F80",
+  grayBlue67: "#9BA7B9",
+  grayBlue80: "#C0C9D6",
+  grayBlue88: "#DEDFE4",
+  grayBlue94: "#EBEEF2",
+  grayBlue96: "#F2F5F7",
+  // purple
+  purple43: "#820AD1",
+  purple55: "#8B38DE",
+  // red
+  red42a10: "#D800271A",
   // yellow
   primary,
   warning: primary,
   // orange
   danger: "#FD2C0F",
   // neutral
-  secondary: neutral.black,
-  // billing
-  tier1: "#179257",
-  tier2: "#8B38DE",
-  tier3: "#0048F7"
+  secondary: neutral.black
 });
-function extend(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
-}
-function extendBase(obj, rest) {
-  return __spreadValues(__spreadValues({}, obj), rest);
-}
-function hcNeutralFromBg(bgHex, defaultHex, altHex) {
-  const bgRGB = hexToRGB(bgHex);
-  const hcRGB = hexToRGB(defaultHex);
-  if (!bgRGB || !hcRGB)
-    return defaultHex;
-  const c = contrast(bgRGB, hcRGB);
-  if (c < 4.5) {
-    return altHex;
-  }
-  return defaultHex;
-}
-var lightBaseTheme = {
-  type: "light" /* Light */,
-  app: "Lightspark" /* Lightspark */,
-  bg: colors.white,
-  smBg: colors.white,
-  c05Neutral: neutral.gray95,
-  c1Neutral: neutral.gray90,
-  c15Neutral: neutral.gray85,
-  c2Neutral: neutral.gray80,
-  c3Neutral: neutral.gray70,
-  c4Neutral: neutral.gray60,
-  c5Neutral: neutral.gray50,
-  c6Neutral: neutral.gray40,
-  c7Neutral: neutral.gray30,
-  c8Neutral: neutral.gray20,
-  c9Neutral: neutral.gray10,
-  danger: colors.danger,
-  hcNeutral: colors.black,
-  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
-  info: colors.blue43,
-  lcNeutral: neutral.gray80,
-  link: colors.blue43,
-  mcNeutral: neutral.gray40,
-  onInfoText: colors.white,
-  onPrimaryText: colors.black,
-  onSuccessText: colors.white,
-  primary: colors.primary,
-  secondary: colors.secondary,
-  success: colors.success,
-  text: colors.black,
-  typography: getTypography(),
-  vlcNeutral: neutral.gray95,
-  warning: colors.warning
-};
-var darkBaseTheme = {
-  type: "dark" /* Dark */,
-  app: "Lightspark" /* Lightspark */,
-  bg: colors.black,
-  smBg: colors.black,
-  c05Neutral: neutral.gray5,
-  c1Neutral: neutral.gray10,
-  c15Neutral: neutral.gray15,
-  c2Neutral: neutral.gray20,
-  c3Neutral: neutral.gray30,
-  c4Neutral: neutral.gray40,
-  c5Neutral: neutral.gray50,
-  c6Neutral: neutral.gray60,
-  c7Neutral: neutral.gray70,
-  c8Neutral: neutral.gray80,
-  c9Neutral: neutral.gray90,
-  danger: colors.danger,
-  hcNeutral: colors.white,
-  hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.white, colors.black),
-  info: colors.white,
-  lcNeutral: neutral.gray40,
-  link: colors.blue43,
-  mcNeutral: neutral.gray60,
-  onInfoText: colors.white,
-  onPrimaryText: colors.black,
-  onSuccessText: colors.white,
-  primary: colors.primary,
-  secondary: colors.secondary,
-  success: colors.success,
-  text: colors.white,
-  typography: getTypography(),
-  vlcNeutral: neutral.gray20,
-  warning: colors.warning
-};
-var lightTheme = extend(lightBaseTheme, {
-  header: extendBase(lightBaseTheme, {
-    text: colors.gray60
-  }),
-  nav: extendBase(lightBaseTheme, {
-    text: colors.gray10,
-    secondary: colors.gray40
-  }),
-  content: extendBase(lightBaseTheme, {
-    bg: colors.white,
-    smBg: colors.white
-  }),
-  controls: extendBase(lightBaseTheme, {
-    bg: neutral.gray95,
-    smBg: neutral.gray95,
-    text: neutral.gray60,
-    secondary: colors.secondary
-  })
-});
-var darkTheme = extend(darkBaseTheme, {
-  header: extendBase(darkBaseTheme, {}),
-  nav: extendBase(darkBaseTheme, {}),
-  content: extendBase(darkBaseTheme, {}),
-  controls: extendBase(darkBaseTheme, {
-    bg: neutral.gray40,
-    smBg: neutral.gray40,
-    text: neutral.white,
-    secondary: colors.secondary
-  })
-});
-var umaLightTheme = extend(lightTheme, {
-  app: "UmaDocs" /* UmaDocs */,
-  bg: uma.background,
-  smBg: uma.background,
-  secondary: uma.secondary,
-  text: uma.black,
-  link: uma.blue,
-  content: extendBase(lightBaseTheme, {
-    bg: uma.background,
-    smBg: uma.background,
-    text: uma.black,
-    secondary: uma.secondary
-  }),
-  controls: extendBase(lightBaseTheme, {
-    text: uma.black,
-    secondary: uma.secondary,
-    bg: uma.blue90
-  })
-});
-function luminance(r, g, b) {
-  const a = [r, g, b].map(function(v) {
-    v /= 255;
-    return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
-  });
-  return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
-}
-function contrast(rgb1, rgb2) {
-  const lum1 = luminance(rgb1[0], rgb1[1], rgb1[2]);
-  const lum2 = luminance(rgb2[0], rgb2[1], rgb2[2]);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function hexToRGB(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [
-    parseInt(result[1], 16),
-    parseInt(result[2], 16),
-    parseInt(result[3], 16)
-  ] : [0, 0, 0];
-}
 
 // src/styles/common.tsx
 var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
-  const smCSS = import_react4.css`
+  const smCSS = import_react3.css`
     ${bp.sm(`
       margin-left: auto;
       margin-right: auto;
       width: calc(100% - ${smPx * 2}px);
     `)}
   `;
-  const minSmMaxLgCSS = import_react4.css`
+  const minSmMaxLgCSS = import_react3.css`
     ${bp.minSmMaxLg(`
       margin-left: auto;
       margin-right: auto;
       width: calc(100% - ${minSmMaxLgPx * 2}px);
     `)}
   `;
-  const lgCSS = import_react4.css`
+  const lgCSS = import_react3.css`
     ${bp.lg(`
       margin-left: auto;
       margin-right: auto;
@@ -1296,7 +246,7 @@ function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
     smCSS,
     minSmMaxLgCSS,
     lgCSS,
-    css: import_react4.css`
+    css: import_react3.css`
       ${lgCSS}
       ${smCSS}
       ${minSmMaxLgCSS}
@@ -1304,23 +254,32 @@ function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
   };
 }
 var standardContentInset = buildStandardContentInset(16, 24, 32);
-var standardCardShadow = import_react4.css`
+var standardCardShadow = import_react3.css`
   box-shadow:
     0px 4px 10px 0px rgba(0, 0, 0, 0.08),
     0px 8px 24px 0px rgba(0, 0, 0, 0.04);
 `;
+var standardCardShadowHard = import_react3.css`
+  box-shadow:
+    0px 24px 24px -12px rgba(0, 0, 0, 0.06),
+    0px 12px 12px -6px rgba(0, 0, 0, 0.06),
+    0px 6px 6px -3px rgba(0, 0, 0, 0.06),
+    0px 3px 3px -1.5px rgba(0, 0, 0, 0.06),
+    0px 1px 1px -0.5px rgba(0, 0, 0, 0.06),
+    0px 0px 0px 1px rgba(0, 0, 0, 0.06);
+`;
 var pageBorderRadiusPx = 16;
 var pageBorderRadius = `
   border-radius: ${pageBorderRadiusPx}px;
 `;
-var subtext = ({ theme }) => import_react4.css`
+var subtext = ({ theme }) => import_react3.css`
   color: ${theme.c6Neutral};
   font-weight: 600;
 `;
 var Subtext = import_styled.default.div`
   ${subtext}
 `;
-var darkGradientBg = import_react4.css`
+var darkGradientBg = import_react3.css`
   background: ${darkGradient};
 `;
 
@@ -1340,26 +299,26 @@ var size = {
   px21: pxToRems(21),
   px24: pxToRems(24)
 };
-var flexCenterAxis = import_react5.css`
+var flexCenterAxis = import_react4.css`
   display: flex;
   align-items: center;
 `;
-var flexCenter = import_react5.css`
+var flexCenter = import_react4.css`
   display: flex;
   justify-content: center;
   align-items: center;
 `;
-var inlineFlexCenter = import_react5.css`
+var inlineFlexCenter = import_react4.css`
   display: flex;
   justify-content: center;
   align-items: center;
 `;
-var flexBetween = import_react5.css`
+var flexBetween = import_react4.css`
   display: flex;
   justify-content: space-between;
   align-items: center;
 `;
-var absoluteCenter = import_react5.css`
+var absoluteCenter = import_react4.css`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -1367,10 +326,10 @@ var absoluteCenter = import_react5.css`
   right: 0;
   margin: auto;
 `;
-var textCenter = import_react5.css`
+var textCenter = import_react4.css`
   text-align: center;
 `;
-var overflowAutoWithoutScrollbars = import_react5.css`
+var overflowAutoWithoutScrollbars = import_react4.css`
   overflow: auto;
   scrollbar-width: none;
   -ms-overflow-style: none;