@moderneinc/design-system-tokens 6.0.0-next.02da4a

package/dist/semantic-colors.js

@@ -0,0 +1,255 @@
+/**
+ * Moderne Design System
+ * Generated from Figma design tokens
+ * @generated
+ */
+
+/**
+ * @typedef {{ hoverBorder: string, pressedBackground: string, inverse: string, hover: string, hoverBackground: string, disabled: string, placeholder: string, pressed: string, utility: string, default: string, active: string }} Icons
+ */
+
+/**
+ * @type {Icons}
+ */
+export const icons = {"hoverBorder":"var(--mod-icons-hover-border)","pressedBackground":"var(--mod-icons-pressed-background)","inverse":"var(--mod-icons-inverse)","hover":"var(--mod-icons-hover)","hoverBackground":"var(--mod-icons-hover-background)","disabled":"var(--mod-icons-disabled)","placeholder":"var(--mod-icons-placeholder)","pressed":"var(--mod-icons-pressed)","utility":"var(--mod-icons-utility)","default":"var(--mod-icons-default)","active":"var(--mod-icons-active)"};
+
+/**
+ * @typedef {{ highlightBackground: string, activeHighlight: string, dataGrid: object, toggleKnob: string, page: string, card: string, cardHeader: string, tabActive: string, listHover: string, shadowNeutral: string, shadowPrimary: string, tooltip: string, scrim: string, tabSecondaryBackground: string, snackbarDarkMode: string, snackbarBrand: string, snackbarLightMode: string, white: string, black: string }} Surfaces
+ */
+
+/**
+ * @type {Surfaces}
+ */
+export const surfaces = {"highlightBackground":"var(--mod-surfaces-highlight-background)","activeHighlight":"var(--mod-surfaces-active-highlight)","dataGrid":{"header":"var(--mod-surfaces-data-grid-header)","selected":"var(--mod-surfaces-data-grid-selected)","selectedHover":"var(--mod-surfaces-data-grid-selected-hover)","hover":"var(--mod-surfaces-data-grid-hover)","default":"var(--mod-surfaces-data-grid-default)","border":"var(--mod-surfaces-data-grid-border)","borderStrong":"var(--mod-surfaces-data-grid-border-strong)","stripe":"var(--mod-surfaces-data-grid-stripe)","focused":"var(--mod-surfaces-data-grid-focused)","pinned":"var(--mod-surfaces-data-grid-pinned)","disabled":"var(--mod-surfaces-data-grid-disabled)","background":"var(--mod-surfaces-data-grid-background)"},"toggleKnob":"var(--mod-surfaces-toggle-knob)","page":"var(--mod-surfaces-page)","card":"var(--mod-surfaces-card)","cardHeader":"var(--mod-surfaces-card-header)","tabActive":"var(--mod-surfaces-tab-active)","listHover":"var(--mod-surfaces-list-hover)","shadowNeutral":"var(--mod-surfaces-shadow-neutral)","shadowPrimary":"var(--mod-surfaces-shadow-primary)","tooltip":"var(--mod-surfaces-tooltip)","scrim":"var(--mod-surfaces-scrim)","tabSecondaryBackground":"var(--mod-surfaces-tab-secondary-background)","snackbarDarkMode":"var(--mod-surfaces-snackbar-dark-mode)","snackbarBrand":"var(--mod-surfaces-snackbar-brand)","snackbarLightMode":"var(--mod-surfaces-snackbar-light-mode)","white":"var(--mod-surfaces-white)","black":"var(--mod-surfaces-black)"};
+
+/**
+ * @typedef {{ searchInputBackground: string, linkDefault: string, linkHover: string, navigation: object, linkWhite: string, linkWhiteHover: string, tab: object, tooltip: object, input: object, code: object, button: object, link: object, error: string, success: string, warning: string, legal: string, bodySecondary: string, body: string }} Typography
+ */
+
+/**
+ * @type {Typography}
+ */
+export const typography = {"searchInputBackground":"var(--mod-typography-search-input-background)","linkDefault":"var(--mod-typography-link-default-legacy)","linkHover":"var(--mod-typography-link-hover)","navigation":{"search":{"highlightText":"var(--mod-typography-navigation-search-highlight-text)","highlightBackground":"var(--mod-typography-navigation-search-highlight-background)","inputBackground":"var(--mod-typography-navigation-search-input-background)","highlightBackgroundActive":"var(--mod-typography-navigation-search-highlight-background-active)"},"default":"var(--mod-typography-navigation-default)"},"linkWhite":"var(--mod-typography-link-white-legacy)","linkWhiteHover":"var(--mod-typography-link-white-hover)","tab":{"disabled":"var(--mod-typography-tab-disabled)","inactive":"var(--mod-typography-tab-inactive)","active":"var(--mod-typography-tab-active)"},"tooltip":{"secondary":"var(--mod-typography-tooltip-secondary)","default":"var(--mod-typography-tooltip-default)"},"input":{"placeholder":"var(--mod-typography-input-placeholder)","default":"var(--mod-typography-input-default)","label":"var(--mod-typography-input-label)","helper":"var(--mod-typography-input-helper)"},"code":{"primary":"var(--mod-typography-code-primary)","secondary":"var(--mod-typography-code-secondary)"},"button":{"disabled":"var(--mod-typography-button-disabled)"},"link":{"primary":"var(--mod-typography-link-primary)","disabled":"var(--mod-typography-link-disabled)","default":"var(--mod-typography-link-default)","white":"var(--mod-typography-link-white)"},"error":"var(--mod-typography-error)","success":"var(--mod-typography-success)","warning":"var(--mod-typography-warning)","legal":"var(--mod-typography-legal)","bodySecondary":"var(--mod-typography-body-secondary)","body":"var(--mod-typography-body)"};
+
+/**
+ * @typedef {{ overlay: string, subtle: string, strong: string, hairline: string, primary: string, secondary: string, focus: string }} Border
+ */
+
+/**
+ * @type {Border}
+ */
+export const border = {"overlay":"var(--mod-border-overlay)","subtle":"var(--mod-border-subtle)","strong":"var(--mod-border-strong)","hairline":"var(--mod-border-hairline)","primary":"var(--mod-border-primary)","secondary":"var(--mod-border-secondary)","focus":"var(--mod-border-focus)"};
+
+/**
+ * @typedef {{ active: object, queued: object, canceled: object, success: object, error: object, warning: object, info: object, neutral: object, successText: string, successTint: string, successBorder: string, errorText: string, errorTint: string, errorBorder: string, warningText: string, warningTint: string, warningBorder: string, queuedTint: string, queuedBorder: string }} Status
+ */
+
+/**
+ * @type {Status}
+ */
+export const status = {"active":{"dark":"var(--mod-status-active-dark)","default":"var(--mod-status-active-default)","light":"var(--mod-status-active-light)","transparent":"var(--mod-status-active-transparent)","border":"var(--mod-status-active-border)"},"queued":{"dark":"var(--mod-status-queued-dark)","default":"var(--mod-status-queued-default)","light":"var(--mod-status-queued-light)","transparent":"var(--mod-status-queued-transparent)","border":"var(--mod-status-queued-border-nested)"},"canceled":{"dark":"var(--mod-status-canceled-dark)","default":"var(--mod-status-canceled-default)","light":"var(--mod-status-canceled-light)","transparent":"var(--mod-status-canceled-transparent)","border":"var(--mod-status-canceled-border)"},"success":{"border":"var(--mod-status-success-border-nested)","light":"var(--mod-status-success-light)","default":"var(--mod-status-success-default)","transparent":"var(--mod-status-success-transparent)","dark":"var(--mod-status-success-dark)"},"error":{"border":"var(--mod-status-error-border-nested)","light":"var(--mod-status-error-light)","default":"var(--mod-status-error-default)","transparent":"var(--mod-status-error-transparent)","dark":"var(--mod-status-error-dark)"},"warning":{"border":"var(--mod-status-warning-border-nested)","light":"var(--mod-status-warning-light)","default":"var(--mod-status-warning-default)","transparent":"var(--mod-status-warning-transparent)","dark":"var(--mod-status-warning-dark)"},"info":{"border":"var(--mod-status-info-border)","dark":"var(--mod-status-info-dark)","default":"var(--mod-status-info-default)","light":"var(--mod-status-info-light)","transparent":"var(--mod-status-info-transparent)"},"neutral":{"border":"var(--mod-status-neutral-border)","dark":"var(--mod-status-neutral-dark)","default":"var(--mod-status-neutral-default)","light":"var(--mod-status-neutral-light)","transparent":"var(--mod-status-neutral-transparent)"},"successText":"var(--mod-status-success-text)","successTint":"var(--mod-status-success-tint)","successBorder":"var(--mod-status-success-border)","errorText":"var(--mod-status-error-text)","errorTint":"var(--mod-status-error-tint)","errorBorder":"var(--mod-status-error-border)","warningText":"var(--mod-status-warning-text)","warningTint":"var(--mod-status-warning-tint)","warningBorder":"var(--mod-status-warning-border)","queuedTint":"var(--mod-status-queued-tint)","queuedBorder":"var(--mod-status-queued-border)"};
+
+/**
+ * @typedef {{ default: string, hover: string, tint: string, tintBorder: string }} Link
+ */
+
+/**
+ * @type {Link}
+ */
+export const link = {"default":"var(--mod-link-default)","hover":"var(--mod-link-hover)","tint":"var(--mod-link-tint)","tintBorder":"var(--mod-link-tint-border)"};
+
+/**
+ * @typedef {{ border: string, borderSelected: string, glyph: string, checkedBg: string, checkedFg: string }} Control
+ */
+
+/**
+ * @type {Control}
+ */
+export const control = {"border":"var(--mod-control-border)","borderSelected":"var(--mod-control-border-selected)","glyph":"var(--mod-control-glyph)","checkedBg":"var(--mod-control-checked-bg)","checkedFg":"var(--mod-control-checked-fg)"};
+
+/**
+ * @typedef {{ track: string, fill: string, label: string }} Progress
+ */
+
+/**
+ * @type {Progress}
+ */
+export const progress = {"track":"var(--mod-progress-track)","fill":"var(--mod-progress-fill)","label":"var(--mod-progress-label)"};
+
+/**
+ * @typedef {{ panel: string, stroke: string, strokeMuted: string, inset: string, accent: string, positive: string }} Illustration
+ */
+
+/**
+ * @type {Illustration}
+ */
+export const illustration = {"panel":"var(--mod-illustration-panel)","stroke":"var(--mod-illustration-stroke)","strokeMuted":"var(--mod-illustration-stroke-muted)","inset":"var(--mod-illustration-inset)","accent":"var(--mod-illustration-accent)","positive":"var(--mod-illustration-positive)"};
+
+/**
+ * @typedef {{ categorical: object, boundary: object, na: string, grid: string }} Dataviz
+ */
+
+/**
+ * @type {Dataviz}
+ */
+export const dataviz = {"categorical":{"coral":"var(--mod-dataviz-categorical-coral)","orange":"var(--mod-dataviz-categorical-orange)","tangerine":"var(--mod-dataviz-categorical-tangerine)","gold":"var(--mod-dataviz-categorical-gold)","green":"var(--mod-dataviz-categorical-green)","periwinkle":"var(--mod-dataviz-categorical-periwinkle)","teal":"var(--mod-dataviz-categorical-teal)","lilac":"var(--mod-dataviz-categorical-lilac)","magenta":"var(--mod-dataviz-categorical-magenta)","lime":"var(--mod-dataviz-categorical-lime)"},"boundary":{"coral":"var(--mod-dataviz-boundary-coral)","orange":"var(--mod-dataviz-boundary-orange)","tangerine":"var(--mod-dataviz-boundary-tangerine)","gold":"var(--mod-dataviz-boundary-gold)","green":"var(--mod-dataviz-boundary-green)","na":"var(--mod-dataviz-boundary-na)","periwinkle":"var(--mod-dataviz-boundary-periwinkle)","teal":"var(--mod-dataviz-boundary-teal)","lilac":"var(--mod-dataviz-boundary-lilac)","magenta":"var(--mod-dataviz-boundary-magenta)","lime":"var(--mod-dataviz-boundary-lime)"},"na":"var(--mod-dataviz-na)","grid":"var(--mod-dataviz-grid)"};
+
+/**
+ * @typedef {{ successText: string, successBg: string, successBorder: string, warningText: string, warningBg: string, warningBorder: string, errorText: string, errorBg: string, errorBorder: string, infoText: string, infoBg: string, infoBorder: string }} Toast
+ */
+
+/**
+ * @type {Toast}
+ */
+export const toast = {"successText":"var(--mod-toast-success-text)","successBg":"var(--mod-toast-success-bg)","successBorder":"var(--mod-toast-success-border)","warningText":"var(--mod-toast-warning-text)","warningBg":"var(--mod-toast-warning-bg)","warningBorder":"var(--mod-toast-warning-border)","errorText":"var(--mod-toast-error-text)","errorBg":"var(--mod-toast-error-bg)","errorBorder":"var(--mod-toast-error-border)","infoText":"var(--mod-toast-info-text)","infoBg":"var(--mod-toast-info-bg)","infoBorder":"var(--mod-toast-info-border)"};
+
+/**
+ * @typedef {{ canvasChrome: string, canvasContent: string, field: string, sunken: string, sunken2: string, rowHover: string, scrim: string, tooltip: string, cardFrosted: string }} Surface
+ */
+
+/**
+ * @type {Surface}
+ */
+export const surface = {"canvasChrome":"var(--mod-surface-canvas-chrome)","canvasContent":"var(--mod-surface-canvas-content)","field":"var(--mod-surface-field)","sunken":"var(--mod-surface-sunken)","sunken2":"var(--mod-surface-sunken2)","rowHover":"var(--mod-surface-row-hover)","scrim":"var(--mod-surface-scrim)","tooltip":"var(--mod-surface-tooltip)","cardFrosted":"var(--mod-surface-card-frosted)"};
+
+/**
+ * @typedef {{ primary: string, muted: string, link: string, tabActive: string, onPrimary: string, codePrimary: string, codeSecondary: string, inputPlaceholder: string }} Text
+ */
+
+/**
+ * @type {Text}
+ */
+export const text = {"primary":"var(--mod-text-primary)","muted":"var(--mod-text-muted)","link":"var(--mod-text-link)","tabActive":"var(--mod-text-tab-active)","onPrimary":"var(--mod-text-on-primary)","codePrimary":"var(--mod-text-code-primary)","codeSecondary":"var(--mod-text-code-secondary)","inputPlaceholder":"var(--mod-text-input-placeholder)"};
+
+/**
+ * @typedef {{ primaryBg: string, primaryFg: string, primaryBgHover: string, destructiveBg: string, destructiveBgHover: string }} Button
+ */
+
+/**
+ * @type {Button}
+ */
+export const button = {"primaryBg":"var(--mod-button-primary-bg)","primaryFg":"var(--mod-button-primary-fg)","primaryBgHover":"var(--mod-button-primary-bg-hover)","destructiveBg":"var(--mod-button-destructive-bg)","destructiveBgHover":"var(--mod-button-destructive-bg-hover)"};
+
+/**
+ * @typedef {{ periwinkle: string, teal: string, lilac: string, coral: string, green: string, yellow: string, orange1: string, orange2: string, orange3: string, red1: string, red2: string, red3: string }} Data
+ */
+
+/**
+ * @type {Data}
+ */
+export const data = {"periwinkle":"var(--mod-data-periwinkle)","teal":"var(--mod-data-teal)","lilac":"var(--mod-data-lilac)","coral":"var(--mod-data-coral)","green":"var(--mod-data-green)","yellow":"var(--mod-data-yellow)","orange1":"var(--mod-data-orange1)","orange2":"var(--mod-data-orange2)","orange3":"var(--mod-data-orange3)","red1":"var(--mod-data-red1)","red2":"var(--mod-data-red2)","red3":"var(--mod-data-red3)"};
+
+/**
+ * @typedef {{ background: string, wave: string }} Skeleton
+ */
+
+/**
+ * @type {Skeleton}
+ */
+export const skeleton = {"background":"var(--mod-skeleton-background)","wave":"var(--mod-skeleton-wave)"};
+
+/**
+ * @typedef {{ default: string, deep: string, tint: string, border: string, primaryFg: string, glow: string, glowSecondary: string }} Accent
+ */
+
+/**
+ * @type {Accent}
+ */
+export const accent = {"default":"var(--mod-accent-default)","deep":"var(--mod-accent-deep)","tint":"var(--mod-accent-tint)","border":"var(--mod-accent-border)","primaryFg":"var(--mod-accent-primary-fg)","glow":"var(--mod-accent-glow)","glowSecondary":"var(--mod-accent-glow-secondary)"};
+
+/**
+ * @typedef {{ violetBorder: string, magentaTint: string, magentaText: string, magentaBorder: string, tealTint: string, tealText: string, tealBorder: string, violetTint: string, violetText: string }} Role
+ */
+
+/**
+ * @type {Role}
+ */
+export const role = {"violetBorder":"var(--mod-role-violet-border)","magentaTint":"var(--mod-role-magenta-tint)","magentaText":"var(--mod-role-magenta-text)","magentaBorder":"var(--mod-role-magenta-border)","tealTint":"var(--mod-role-teal-tint)","tealText":"var(--mod-role-teal-text)","tealBorder":"var(--mod-role-teal-border)","violetTint":"var(--mod-role-violet-tint)","violetText":"var(--mod-role-violet-text)"};
+
+/**
+ * @typedef {{ userDefaultBg: string, userDefaultText: string, initials: object }} Avatar
+ */
+
+/**
+ * @type {Avatar}
+ */
+export const avatar = {"userDefaultBg":"var(--mod-avatar-user-default-bg)","userDefaultText":"var(--mod-avatar-user-default-text)","initials":{"text1":"var(--mod-avatar-initials-text1)","text2":"var(--mod-avatar-initials-text2)","text3":"var(--mod-avatar-initials-text3)","text4":"var(--mod-avatar-initials-text4)","text5":"var(--mod-avatar-initials-text5)","text6":"var(--mod-avatar-initials-text6)","text7":"var(--mod-avatar-initials-text7)","border1":"var(--mod-avatar-initials-border1)","border2":"var(--mod-avatar-initials-border2)","border3":"var(--mod-avatar-initials-border3)","border4":"var(--mod-avatar-initials-border4)","border5":"var(--mod-avatar-initials-border5)","border6":"var(--mod-avatar-initials-border6)","border7":"var(--mod-avatar-initials-border7)","background1":"var(--mod-avatar-initials-background1)","background2":"var(--mod-avatar-initials-background2)","background3":"var(--mod-avatar-initials-background3)","background4":"var(--mod-avatar-initials-background4)","background5":"var(--mod-avatar-initials-background5)","background6":"var(--mod-avatar-initials-background6)","background7":"var(--mod-avatar-initials-background7)"}};
+
+/**
+ * @typedef {{ radio: string, checkbox: string, hoverBackground: string, background: string, disabledBackground: string }} Input
+ */
+
+/**
+ * @type {Input}
+ */
+export const input = {"radio":"var(--mod-input-radio)","checkbox":"var(--mod-input-checkbox)","hoverBackground":"var(--mod-input-hover-background)","background":"var(--mod-input-background)","disabledBackground":"var(--mod-input-disabled-background)"};
+
+/**
+ * @typedef {{ primary: object, secondary: object, tertiary: object, destructive: string, navigation: object }} Buttons
+ */
+
+/**
+ * @type {Buttons}
+ */
+export const buttons = {"primary":{"hover":"var(--mod-buttons-primary-hover)","disabled":"var(--mod-buttons-primary-disabled)","pressed":"var(--mod-buttons-primary-pressed)","default":"var(--mod-buttons-primary-default)"},"secondary":{"defaultBorder":"var(--mod-buttons-secondary-default-border)","hoverBackground":"var(--mod-buttons-secondary-hover-background)","pressedBackground":"var(--mod-buttons-secondary-pressed-background)","disabledBackground":"var(--mod-buttons-secondary-disabled-background)","defaultBackground":"var(--mod-buttons-secondary-default-background)","default":"var(--mod-buttons-secondary-default)"},"tertiary":{"default":"var(--mod-buttons-tertiary-default)","hover":"var(--mod-buttons-tertiary-hover)","pressed":"var(--mod-buttons-tertiary-pressed)","disabled":"var(--mod-buttons-tertiary-disabled)"},"destructive":"var(--mod-buttons-destructive)","navigation":{"active":"var(--mod-buttons-navigation-active)","defaultBorder":"var(--mod-buttons-navigation-default-border)","hoverBackground":"var(--mod-buttons-navigation-hover-background)","pressedBackground":"var(--mod-buttons-navigation-pressed-background)","activeBorder":"var(--mod-buttons-navigation-active-border)"}};
+
+/**
+ * @typedef {{ recipeRun: string, commitJob: string, visualization: string }} Activity
+ */
+
+/**
+ * @type {Activity}
+ */
+export const activity = {"recipeRun":"var(--mod-activity-recipe-run)","commitJob":"var(--mod-activity-commit-job)","visualization":"var(--mod-activity-visualization)"};
+
+/**
+ * @typedef {{ secondaryBackground: string }} Tab
+ */
+
+/**
+ * @type {Tab}
+ */
+export const tab = {"secondaryBackground":"var(--mod-tab-secondary-background)"};
+
+/**
+ * @typedef {{ background: string }} Code
+ */
+
+/**
+ * @type {Code}
+ */
+export const code = {"background":"var(--mod-code-background)"};
+
+/**
+ * @type {string}
+ */
+export const brand = "var(--mod-brand)";
+
+// Default export with all color groups
+export default {
+icons,
+surfaces,
+typography,
+border,
+status,
+link,
+control,
+progress,
+illustration,
+dataviz,
+toast,
+surface,
+text,
+button,
+data,
+skeleton,
+accent,
+role,
+avatar,
+input,
+buttons,
+activity,
+tab,
+code,
+brand,
+};

package/dist/semantic-typography.css

@@ -0,0 +1,159 @@
+:root {  --mod-data-default-font-family: Geist Mono;
+  --mod-data-default-font-size: 12px;
+  --mod-data-default-font-weight: 400;
+  --mod-data-default-line-height: 1rem;
+  --mod-data-small-font-family: Geist Mono;
+  --mod-data-small-font-size: 11px;
+  --mod-data-small-font-weight: 400;
+  --mod-data-small-line-height: 0.875rem;
+  --mod-titles-moddy-header-line-height: 2.125rem;
+  --mod-titles-moddy-header-font-family: Geist;
+  --mod-titles-moddy-header-font-size: 28px;
+  --mod-titles-moddy-header-font-weight: 500;
+  --mod-titles-page-header-line-height: 2.125rem;
+  --mod-titles-page-header-font-family: Geist;
+  --mod-titles-page-header-font-size: 18px;
+  --mod-titles-page-header-font-weight: 400;
+  --mod-titles-page-subheader-line-height: 1.5rem;
+  --mod-titles-page-subheader-font-family: Geist;
+  --mod-titles-page-subheader-font-size: 18px;
+  --mod-titles-page-subheader-font-weight: 500;
+  --mod-titles-section-header-default-line-height: 1.5rem;
+  --mod-titles-section-header-default-font-family: Geist;
+  --mod-titles-section-header-default-font-size: 16px;
+  --mod-titles-section-header-default-font-weight: 400;
+  --mod-titles-section-header-medium-font-family: Geist;
+  --mod-titles-section-header-medium-font-size: 16px;
+  --mod-titles-section-header-medium-font-weight: 500;
+  --mod-titles-section-header-medium-line-height: 1.5rem;
+  --mod-titles-section-header-semi-bold-font-family: Geist;
+  --mod-titles-section-header-semi-bold-font-size: 16px;
+  --mod-titles-section-header-semi-bold-font-weight: 600;
+  --mod-titles-section-header-semi-bold-line-height: 1.5rem;
+  --mod-titles-code-header-line-height: 2rem;
+  --mod-titles-code-header-font-family: Geist Mono;
+  --mod-titles-code-header-font-size: 24px;
+  --mod-titles-code-header-font-weight: 400;
+  --mod-body-small-semi-bold-line-height: 1.3125rem;
+  --mod-body-small-semi-bold-font-family: Geist;
+  --mod-body-small-semi-bold-font-size: 14px;
+  --mod-body-small-semi-bold-font-weight: 600;
+  --mod-body-small-regular-font-family: Geist;
+  --mod-body-small-regular-font-size: 14px;
+  --mod-body-small-regular-font-weight: 400;
+  --mod-body-small-regular-line-height: 1.5rem;
+  --mod-body-small-medium-font-family: Geist;
+  --mod-body-small-medium-font-size: 14px;
+  --mod-body-small-medium-font-weight: 500;
+  --mod-body-small-medium-line-height: 1.5rem;
+  --mod-body-xs-semi-bold-line-height: 1.125rem;
+  --mod-body-xs-semi-bold-font-family: Geist;
+  --mod-body-xs-semi-bold-font-size: 12px;
+  --mod-body-xs-semi-bold-font-weight: 600;
+  --mod-body-xs-regular-font-family: Geist;
+  --mod-body-xs-regular-font-size: 12px;
+  --mod-body-xs-regular-font-weight: 400;
+  --mod-body-xs-regular-line-height: 1rem;
+  --mod-body-xs-medium-font-family: Geist;
+  --mod-body-xs-medium-font-size: 12px;
+  --mod-body-xs-medium-font-weight: 500;
+  --mod-body-xs-medium-line-height: 1rem;
+  --mod-body-regular-font-family: Geist;
+  --mod-body-regular-font-size: 16px;
+  --mod-body-regular-font-weight: 400;
+  --mod-body-regular-line-height: 1.5rem;
+  --mod-body-code-small-font-family: Geist Mono;
+  --mod-body-code-small-font-size: 14px;
+  --mod-body-code-small-font-weight: 400;
+  --mod-body-code-small-line-height: 1.5rem;
+  --mod-body-code-xs-font-family: Geist Mono;
+  --mod-body-code-xs-font-size: 12px;
+  --mod-body-code-xs-font-weight: 400;
+  --mod-body-code-xs-line-height: 1.5rem;
+  --mod-body-xxs-font-family: Geist;
+  --mod-body-xxs-font-size: 10px;
+  --mod-body-xxs-font-weight: 400;
+  --mod-body-xxs-line-height: 1rem;
+  --mod-body-semi-bold-font-family: Geist;
+  --mod-body-semi-bold-font-size: 16px;
+  --mod-body-semi-bold-font-weight: 600;
+  --mod-body-semi-bold-line-height: 1.5rem;
+  --mod-body-medium-font-family: Geist;
+  --mod-body-medium-font-size: 16px;
+  --mod-body-medium-font-weight: 500;
+  --mod-body-medium-line-height: 1.5rem;
+  --mod-navigation-label-selected-font-family: Geist;
+  --mod-navigation-label-selected-font-size: 10px;
+  --mod-navigation-label-selected-font-weight: 500;
+  --mod-navigation-label-selected-line-height: 0.75rem;
+  --mod-navigation-label-default-font-family: Geist;
+  --mod-navigation-label-default-font-size: 10px;
+  --mod-navigation-label-default-font-weight: 500;
+  --mod-navigation-label-default-line-height: 0.75rem;
+  --mod-tab-active-font-family: Geist;
+  --mod-tab-active-font-size: 12px;
+  --mod-tab-active-font-weight: 600;
+  --mod-tab-active-line-height: 1.5rem;
+  --mod-tab-inactive-font-family: Geist;
+  --mod-tab-inactive-font-size: 12px;
+  --mod-tab-inactive-font-weight: 600;
+  --mod-tab-inactive-line-height: 1.5rem;
+  --mod-button-font-family: Geist;
+  --mod-button-font-size: 12px;
+  --mod-button-font-weight: 500;
+  --mod-button-line-height: 1.25rem;
+  --mod-link-hover-font-family: Geist;
+  --mod-link-hover-font-size: 16px;
+  --mod-link-hover-font-weight: 400;
+  --mod-link-hover-line-height: 1.5rem;
+  --mod-link-hover-text-decoration: underline;
+  --mod-link-default-font-family: Geist;
+  --mod-link-default-font-size: 16px;
+  --mod-link-default-font-weight: 400;
+  --mod-link-default-line-height: 1.5rem;
+  --mod-link-small-hover-font-family: Geist;
+  --mod-link-small-hover-font-size: 14px;
+  --mod-link-small-hover-font-weight: 500;
+  --mod-link-small-hover-line-height: 1.5rem;
+  --mod-link-small-hover-text-decoration: underline;
+  --mod-link-small-font-family: Geist;
+  --mod-link-small-font-size: 14px;
+  --mod-link-small-font-weight: 500;
+  --mod-link-small-line-height: 1.5rem;
+  --mod-link-large-font-family: Geist;
+  --mod-link-large-font-size: 16px;
+  --mod-link-large-font-weight: 600;
+  --mod-link-large-line-height: 1.5rem;
+  --mod-link-large-hover-font-family: Geist;
+  --mod-link-large-hover-font-size: 16px;
+  --mod-link-large-hover-font-weight: 600;
+  --mod-link-large-hover-line-height: 1.5rem;
+  --mod-link-large-hover-text-decoration: underline;
+  --mod-chip-font-family: Geist;
+  --mod-chip-font-size: 12px;
+  --mod-chip-font-weight: 500;
+  --mod-chip-line-height: 1rem;
+  --mod-table-header-font-family: Geist;
+  --mod-table-header-font-size: 14px;
+  --mod-table-header-font-weight: 600;
+  --mod-table-header-line-height: 1.5rem;
+  --mod-table-row-font-family: Geist;
+  --mod-table-row-font-size: 14px;
+  --mod-table-row-font-weight: 400;
+  --mod-table-row-line-height: 1.5rem;
+  --mod-input-default-font-family: Geist;
+  --mod-input-default-font-size: 16px;
+  --mod-input-default-font-weight: 400;
+  --mod-input-default-line-height: 1.5rem;
+  --mod-input-helper-font-family: Geist;
+  --mod-input-helper-font-size: 12px;
+  --mod-input-helper-font-weight: 400;
+  --mod-input-helper-line-height: 1.25rem;
+  --mod-input-helper-search-font-family: Geist;
+  --mod-input-helper-search-font-size: 14px;
+  --mod-input-helper-search-font-weight: 400;
+  --mod-input-helper-search-line-height: 1.25rem;
+  --mod-tooltip-font-family: Geist;
+  --mod-tooltip-font-size: 12px;
+  --mod-tooltip-font-weight: 500;
+  --mod-tooltip-line-height: 1rem;}