@mndw/sdk / @mndw/sdk/tokens

@mndw/sdk/tokens

Type Aliases

MndwThemeName

MndwThemeName = keyof typeof MNDW_TOKENS

Defined in: frontend/sdk/src/tokens.ts:132

Variables

MNDW_SCALE

const MNDW_SCALE: object

Defined in: frontend/sdk/src/tokens.ts:54

Type Declaration

aliases

readonly aliases: object

aliases.scrollbarThumb

readonly scrollbarThumb: "var(--mndw-accent)" = "var(--mndw-accent)"

aliases.scrollbarThumbHover

readonly scrollbarThumbHover: "var(--mndw-accent-hover)" = "var(--mndw-accent-hover)"

aliases.scrollbarTrack

readonly scrollbarTrack: "var(--mndw-surface)" = "var(--mndw-surface)"

aliases.shadow1

readonly shadow1: "0 1px 2px var(--mndw-shadow-color)" = "0 1px 2px var(--mndw-shadow-color)"

aliases.shadow2

readonly shadow2: "0 8px 24px var(--mndw-shadow-color)" = "0 8px 24px var(--mndw-shadow-color)"

border

readonly border: object

border.focusWidth

readonly focusWidth: "2px" = "2px"

border.width

readonly width: "1px" = "1px"

control

readonly control: object

control.base

readonly base: "2rem" = "2rem"

control.lg

readonly lg: "2.5rem" = "2.5rem"

control.sm

readonly sm: "1.75rem" = "1.75rem"

font

readonly font: object

font.mono

readonly mono: "ui-monospace, 'SF Mono', 'Menlo', monospace" = "ui-monospace, 'SF Mono', 'Menlo', monospace"

font.sans

readonly sans: "-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', sans-serif" = "-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', sans-serif"

heatStrip

readonly heatStrip: object

heatStrip.height

readonly height: "1rem" = "1rem"

leading

readonly leading: "1.4" = "1.4"

motion

readonly motion: object

motion.base

readonly base: "180ms" = "180ms"

motion.easing

readonly easing: "ease" = "ease"

motion.fast

readonly fast: "120ms" = "120ms"

radius

readonly radius: object

radius.lg

readonly lg: "0.5rem" = "0.5rem"

radius.md

readonly md: "0.375rem" = "0.375rem"

radius.sm

readonly sm: "0.1875rem" = "0.1875rem"

scrollbar

readonly scrollbar: object

scrollbar.radius

readonly radius: "0.375rem" = "0.375rem"

scrollbar.size

readonly size: "0.625rem" = "0.625rem"

scrollbar.thumbMinSize

readonly thumbMinSize: "1.5rem" = "1.5rem"

slider

readonly slider: object

slider.thumbSize

readonly thumbSize: "1rem" = "1rem"

slider.trackHeight

readonly trackHeight: "0.25rem" = "0.25rem"

space

readonly space: object

space.1

readonly 1: "0.25rem" = "0.25rem"

space.2

readonly 2: "0.5rem" = "0.5rem"

space.3

readonly 3: "0.75rem" = "0.75rem"

space.4

readonly 4: "1rem" = "1rem"

space.5

readonly 5: "1.5rem" = "1.5rem"

space.6

readonly 6: "2rem" = "2rem"

switch

readonly switch: object

switch.height

readonly height: "1.25rem" = "1.25rem"

switch.width

readonly width: "2.25rem" = "2.25rem"

table

readonly table: object

table.stickyTop

readonly stickyTop: "0" = "0"

text

readonly text: object

text.lg

readonly lg: "1rem" = "1rem"

text.md

readonly md: "0.875rem" = "0.875rem"

text.sm

readonly sm: "0.8125rem" = "0.8125rem"

text.xs

readonly xs: "0.6875rem" = "0.6875rem"

utilization

readonly utilization: object

utilization.critical

readonly critical: "#d5432f" = "#d5432f"

utilization.elevated

readonly elevated: "#e6c229" = "#e6c229"

utilization.high

readonly high: "#e8873a" = "#e8873a"

utilization.low

readonly low: "#3fa89f" = "#3fa89f"

utilization.moderate

readonly moderate: "#7cc24b" = "#7cc24b"

weight

readonly weight: object

weight.normal

readonly normal: "400" = "400"

weight.semibold

readonly semibold: "600" = "600"

---

MNDW_TOKENS

const MNDW_TOKENS: object

Defined in: frontend/sdk/src/tokens.ts:3

Type Declaration

dark

readonly dark: object

dark.accent

readonly accent: "#016ca5" = "#016ca5"

dark.accentContrast

readonly accentContrast: "#ffffff" = "#ffffff"

dark.accentHover

readonly accentHover: "#2b84bf" = "#2b84bf"

dark.bg

readonly bg: "#030405" = "#030405"

dark.border

readonly border: "#606569" = "#606569"

dark.controlHover

readonly controlHover: "#292b2c" = "#292b2c"

dark.danger

readonly danger: "#ed3f3f" = "#ed3f3f"

dark.dangerBg

readonly dangerBg: "#390204" = "#390204"

dark.focusRing

readonly focusRing: "#338ac5" = "#338ac5"

dark.info

readonly info: "#338ac5" = "#338ac5"

dark.infoBg

readonly infoBg: "#021d2f" = "#021d2f"

dark.shadowColor

readonly shadowColor: "#0102038c" = "#0102038c"

dark.success

readonly success: "#5cb572" = "#5cb572"

dark.successBg

readonly successBg: "#05210d" = "#05210d"

dark.surface

readonly surface: "#0d0f10" = "#0d0f10"

dark.surfaceHover

readonly surfaceHover: "#1e2022" = "#1e2022"

dark.surfaceRaised

readonly surfaceRaised: "#151719" = "#151719"

dark.text

readonly text: "#eaf3fb" = "#eaf3fb"

dark.textMuted

readonly textMuted: "#d1d9e1" = "#d1d9e1"

dark.textSubtle

readonly textSubtle: "#b9c0c7" = "#b9c0c7"

dark.warning

readonly warning: "#efa831" = "#efa831"

dark.warningBg

readonly warningBg: "#271700" = "#271700"

light

readonly light: object

light.accent

readonly accent: "#016ca5" = "#016ca5"

light.accentContrast

readonly accentContrast: "#ffffff" = "#ffffff"

light.accentHover

readonly accentHover: "#005583" = "#005583"

light.bg

readonly bg: "#f7fcfd" = "#f7fcfd"

light.border

readonly border: "#80878a" = "#80878a"

light.controlHover

readonly controlHover: "#c6cbcc" = "#c6cbcc"

light.danger

readonly danger: "#c5001b" = "#c5001b"

light.dangerBg

readonly dangerBg: "#ffe9e6" = "#ffe9e6"

light.focusRing

readonly focusRing: "#004f7a" = "#004f7a"

light.info

readonly info: "#016ca5" = "#016ca5"

light.infoBg

readonly infoBg: "#e0f1ff" = "#e0f1ff"

light.shadowColor

readonly shadowColor: "#4145462e" = "#4145462e"

light.success

readonly success: "#137738" = "#137738"

light.successBg

readonly successBg: "#d7f9dc" = "#d7f9dc"

light.surface

readonly surface: "#edf2f3" = "#edf2f3"

light.surfaceHover

readonly surfaceHover: "#e8edee" = "#e8edee"

light.surfaceRaised

readonly surfaceRaised: "#f2f7f8" = "#f2f7f8"

light.text

readonly text: "#0c1217" = "#0c1217"

light.textMuted

readonly textMuted: "#1d2328" = "#1d2328"

light.textSubtle

readonly textSubtle: "#2f353a" = "#2f353a"

light.warning

readonly warning: "#916100" = "#916100"

light.warningBg

readonly warningBg: "#ffebd1" = "#ffebd1"