@walkeros/explorer 4.7.2 → 4.8.0-next-1791496487198

package/dist/design/index.mjs

@@ -0,0 +1,242 @@
+// src/design/index.ts
+var bg = { dark: "#111827", light: "#ffffff" };
+var bg2 = { dark: "#151e2e", light: "#f6f7f9" };
+var surface = { dark: "#1a2232", light: "#ffffff" };
+var surface2 = { dark: "#222b3c", light: "#f1f3f6" };
+var border = { dark: "#2f3a4d", light: "#e3e6eb" };
+var fg = { dark: "#ffffff", light: "#111827" };
+var fg2 = { dark: "#9aa3b2", light: "#4b5563" };
+var fg3 = { dark: "#8c93a2", light: "#656d7a" };
+var primary = { dark: "#01b5e2", light: "#01b5e2" };
+var onPrimary = { dark: "#04222b", light: "#04222b" };
+var link = { dark: "#4fb3e0", light: "#0076a0" };
+var glow = { dark: "rgba(1, 181, 226, 0.16)", light: "rgba(1, 181, 226, 0.14)" };
+var codeBg = "#292d3e";
+var codeBar = "#232636";
+var codeBorder = "#444a5e";
+var codeFg = "#bfc7d5";
+var vizBg = "#1a2232";
+var vizCodeBg = "#131c2b";
+var vizBorder = "#334055";
+var vizFg = "#e8eaf0";
+var vizFg2 = "#8e96aa";
+var vizComment = "#6c7590";
+var vizLineNumber = "#4a5165";
+var vizSurface = "#2b3649";
+var vizTag = "#e38fd6";
+var vizString = "#e5c07b";
+var vizNumber = "#f78c6c";
+var vizPunct = "#9aa3b8";
+var eventEntity = { dark: "#c5e478", light: "#537a01" };
+var eventAction = { dark: "#c792ea", light: "#8c59ac" };
+var eventProperty = { dark: "#f0717f", light: "#be4456" };
+var eventContext = { dark: "#f2a65a", light: "#a25f06" };
+var eventGlobals = { dark: "#7fc4ea", light: "#317699" };
+var eventUser = "#e65fc4";
+var eventConsent = "#cbd5e1";
+var elbwalker100 = "#edfeff";
+var elbwalker200 = "#abf8ff";
+var elbwalker300 = "#69ecfe";
+var elbwalker400 = "#27dbfe";
+var elbwalker500 = "#01b5e2";
+var elbwalker700 = "#015372";
+var elbwalker800 = "#00283a";
+var elbwalker900 = "#000203";
+var borderStrong = { dark: "#6b778d", light: "#818a9a" };
+var focus = { dark: "#01b5e2", light: "#0076a0" };
+var backdrop = { dark: "rgba(3, 7, 18, 0.72)", light: "rgba(17, 24, 39, 0.4)" };
+var danger = { dark: "#ffa4ac", light: "#b91c1c" };
+var onDanger = { dark: "#450a0a", light: "#ffffff" };
+var success = { dark: "#8cf9ff", light: "#07675d" };
+var warning = { dark: "#cabb00", light: "#886000" };
+var info = { dark: "#4fb3e0", light: "#0076a0" };
+var dangerBg = { dark: "rgba(255, 164, 172, 0.16)", light: "rgba(185, 28, 28, 0.1)" };
+var successBg = { dark: "rgba(140, 249, 255, 0.16)", light: "rgba(7, 103, 93, 0.1)" };
+var warningBg = { dark: "rgba(202, 187, 0, 0.16)", light: "rgba(136, 96, 0, 0.1)" };
+var infoBg = { dark: "rgba(79, 179, 224, 0.16)", light: "rgba(0, 118, 160, 0.1)" };
+var stepSource = { dark: "#6ee7b7", light: "#428569" };
+var stepTransformer = { dark: "#fcd34d", light: "#bb7000" };
+var stepCollector = { dark: "#7dd3fc", light: "#0c529b" };
+var stepDestination = { dark: "#c4b5fd", light: "#6d1fd8" };
+var stepStore = { dark: "#a5b4fc", light: "#4138c9" };
+var platformWeb = { dark: "#0ea5e9", light: "#008ddd" };
+var platformServer = { dark: "#8b5cf6", light: "#8043f6" };
+var chart1 = { dark: "#01b5e2", light: "#0076a0" };
+var chart2 = { dark: "#e69f00", light: "#ce710c" };
+var chart3 = { dark: "#009563", light: "#217b58" };
+var chart4 = { dark: "#e0520a", light: "#d32f4d" };
+var chart5 = { dark: "#ff6fad", light: "#b87889" };
+var chart6 = { dark: "#f0e442", light: "#546800" };
+var annotation = { dark: "#22c55e", light: "#409116" };
+var syntaxComment = "#8c94be";
+var syntaxString = "#c3e88d";
+var syntaxNumber = "#f78c6c";
+var syntaxConstant = "#ff5d78";
+var syntaxKeyword = "#c084fc";
+var syntaxFunction = "#82aaff";
+var syntaxType = "#ffcb6b";
+var syntaxOperator = "#89ddff";
+var syntaxPunct = "#c792ea";
+var syntaxTag = "#ff5d79";
+var syntaxNamespace = "#b2ccd6";
+var codeLineNumber = "#676e95";
+var codeSelection = "#717cb450";
+var codeInsertedBg = "#c3e88d26";
+var codeDeletedBg = "#ff5d7926";
+var fontSans = "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif";
+var fontMono = "SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+var fontViz = "'Geist', system-ui, sans-serif";
+var fontVizMono = "'Geist Mono', monospace";
+var motion = "180ms";
+var ease = "cubic-bezier(0.2, 0, 0, 1)";
+var typeDisplay = { size: "64px", lineHeight: 1.08, weight: 700, tracking: "-0.025em", family: fontSans };
+var typeHeadingXl = { size: "44px", lineHeight: 1.1, weight: 700, tracking: "-0.025em", family: fontSans };
+var typeHeadingLg = { size: "40px", lineHeight: 1.15, weight: 700, tracking: "-0.02em", family: fontSans };
+var typeHeadingMd = { size: "36px", lineHeight: 1.15, weight: 700, tracking: "-0.02em", family: fontSans };
+var typeFooterStatement = { size: "34px", lineHeight: 1.2, weight: 700, tracking: "-0.02em", family: fontSans };
+var typeKickerLg = { size: "28px", lineHeight: 1.2, weight: 700, tracking: "-0.01em", family: fontSans };
+var typeTitlePlan = { size: "24px", lineHeight: 1.3, weight: 700, tracking: "-0.015em", family: fontSans };
+var typeTitleCard = { size: "19px", lineHeight: 1.35, weight: 600, family: fontSans };
+var typeTitleItem = { size: "18px", lineHeight: 1.35, weight: 600, family: fontSans };
+var typeLead = { size: "21px", lineHeight: 1.65, weight: 400, family: fontSans };
+var typeBodyLg = { size: "17px", lineHeight: 1.65, weight: 400, family: fontSans };
+var typeBody = { size: "16px", lineHeight: 1.65, weight: 400, family: fontSans };
+var typeUi = { size: "15px", lineHeight: 1.5, weight: 500, family: fontSans };
+var typeSmall = { size: "14px", lineHeight: 1.5, weight: 600, family: fontSans };
+var typeEyebrow = { size: "13px", lineHeight: 1.5, weight: 600, tracking: "0.12em", family: fontSans };
+var typeLabel = { size: "12px", lineHeight: 1.5, weight: 700, tracking: "0.12em", family: fontSans };
+var typeCodeCommand = { size: "15px", lineHeight: 1.5, weight: 500, family: fontMono };
+var typeCodeStep = { size: "13px", lineHeight: 1.5, weight: 400, family: fontMono };
+var typeCodeInline = { size: "0.88em", lineHeight: 1.5, weight: 400, family: fontMono };
+var typeVizBody = { size: "15px", lineHeight: 1.5, weight: 400, family: fontViz };
+var typeVizChip = { size: "13px", lineHeight: 1.4, weight: 500, family: fontViz };
+var typeVizCode = { size: "12px", lineHeight: 1.8, weight: 400, family: fontVizMono };
+var typeVizLegend = { size: "11px", lineHeight: 1.5, weight: 400, family: fontVizMono };
+var typeProductHeading = { size: "20px", lineHeight: 1.3, weight: 600, family: fontSans };
+var typeProductTitle = { size: "16px", lineHeight: 1.4, weight: 600, family: fontSans };
+var typeProductBody = { size: "14px", lineHeight: 1.5, weight: 400, family: fontSans };
+var typeProductSmall = { size: "13px", lineHeight: 1.45, weight: 400, family: fontSans };
+var typeProductCaption = { size: "12px", lineHeight: 1.4, weight: 500, family: fontSans };
+var typeProductMicro = { size: "11px", lineHeight: 1.3, weight: 500, family: fontSans };
+export {
+  annotation,
+  backdrop,
+  bg,
+  bg2,
+  border,
+  borderStrong,
+  chart1,
+  chart2,
+  chart3,
+  chart4,
+  chart5,
+  chart6,
+  codeBar,
+  codeBg,
+  codeBorder,
+  codeDeletedBg,
+  codeFg,
+  codeInsertedBg,
+  codeLineNumber,
+  codeSelection,
+  danger,
+  dangerBg,
+  ease,
+  elbwalker100,
+  elbwalker200,
+  elbwalker300,
+  elbwalker400,
+  elbwalker500,
+  elbwalker700,
+  elbwalker800,
+  elbwalker900,
+  eventAction,
+  eventConsent,
+  eventContext,
+  eventEntity,
+  eventGlobals,
+  eventProperty,
+  eventUser,
+  fg,
+  fg2,
+  fg3,
+  focus,
+  fontMono,
+  fontSans,
+  fontViz,
+  fontVizMono,
+  glow,
+  info,
+  infoBg,
+  link,
+  motion,
+  onDanger,
+  onPrimary,
+  platformServer,
+  platformWeb,
+  primary,
+  stepCollector,
+  stepDestination,
+  stepSource,
+  stepStore,
+  stepTransformer,
+  success,
+  successBg,
+  surface,
+  surface2,
+  syntaxComment,
+  syntaxConstant,
+  syntaxFunction,
+  syntaxKeyword,
+  syntaxNamespace,
+  syntaxNumber,
+  syntaxOperator,
+  syntaxPunct,
+  syntaxString,
+  syntaxTag,
+  syntaxType,
+  typeBody,
+  typeBodyLg,
+  typeCodeCommand,
+  typeCodeInline,
+  typeCodeStep,
+  typeDisplay,
+  typeEyebrow,
+  typeFooterStatement,
+  typeHeadingLg,
+  typeHeadingMd,
+  typeHeadingXl,
+  typeKickerLg,
+  typeLabel,
+  typeLead,
+  typeProductBody,
+  typeProductCaption,
+  typeProductHeading,
+  typeProductMicro,
+  typeProductSmall,
+  typeProductTitle,
+  typeSmall,
+  typeTitleCard,
+  typeTitleItem,
+  typeTitlePlan,
+  typeUi,
+  typeVizBody,
+  typeVizChip,
+  typeVizCode,
+  typeVizLegend,
+  vizBg,
+  vizBorder,
+  vizCodeBg,
+  vizComment,
+  vizFg,
+  vizFg2,
+  vizLineNumber,
+  vizNumber,
+  vizPunct,
+  vizString,
+  vizSurface,
+  vizTag,
+  warning,
+  warningBg
+};
+//# sourceMappingURL=index.mjs.map

package/dist/design/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/design/index.ts"],"sourcesContent":["/* walkerOS design constants, generated from design/tokens.json by src/design/generate.ts. Edit the JSON and run the explorer build, never this file. */\n\nexport type Theme = 'dark' | 'light';\n\n/** Page background (hero, features, FAQ, closing CTA). Default ground for `fg`, `fg-2`, `link`. */\nexport const bg = { dark: \"#111827\", light: \"#ffffff\" } as const;\n\n/** Alternating section band (Why, More features, Plans) and footer. Switch between `bg` and `bg-2` to separate sections, always with a top `border` rule. */\nexport const bg2 = { dark: \"#151e2e\", light: \"#f6f7f9\" } as const;\n\n/** Cards, plan tiers, FAQ items, the install-command chip and secondary buttons. */\nexport const surface = { dark: \"#1a2232\", light: \"#ffffff\" } as const;\n\n/** Inline code background, icon-button hover. */\nexport const surface2 = { dark: \"#222b3c\", light: \"#f1f3f6\" } as const;\n\n/** Hairline for section rules, header underline, card and input outlines. Decorative only; it does not meet 3:1, so never rely on it alone to mark a control. */\nexport const border = { dark: \"#2f3a4d\", light: \"#e3e6eb\" } as const;\n\n/** Headings and body copy on `bg`, `bg-2`, `surface`, `surface-2` (14:1+ both themes). */\nexport const fg = { dark: \"#ffffff\", light: \"#111827\" } as const;\n\n/** Secondary copy: leads, card descriptions, list items, footer links. 5.5:1+ on every ground. */\nexport const fg2 = { dark: \"#9aa3b2\", light: \"#4b5563\" } as const;\n\n/** Tertiary text: tier labels, `$` prompt, FAQ `+`, copyright, input placeholders. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 4.6:1+, light 4.7:1+). */\nexport const fg3 = { dark: \"#8c93a2\", light: \"#656d7a\" } as const;\n\n/** elbwalker blue. Primary button fill, check icons, highlight word in the H1, focus ring, announcement bar. Light theme: 2.4:1 on white — fine as a fill under `on-primary`, too faint for text or as the only marker (flagged, kept from source). */\nexport const primary = { dark: \"#01b5e2\", light: \"#01b5e2\" } as const;\n\n/** Text and icons on `primary` fills (6.9:1). Never put white on `primary` (2.4:1) — the current walkeros.io buttons do; the relaunch fixes it. */\nexport const onPrimary = { dark: \"#04222b\", light: \"#04222b\" } as const;\n\n/** Links, eyebrows, mono step numbers; `info` and the light `focus` ring use it. 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes (dark 6.0:1+, light 4.6:1+). Underline on hover only. */\nexport const link = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Soft primary halo: hero radial glow and the 4px ring around the highlighted plan. */\nexport const glow = { dark: \"rgba(1, 181, 226, 0.16)\", light: \"rgba(1, 181, 226, 0.14)\" } as const;\n\n/** Code-block panel (Palenight family), both themes. */\nexport const codeBg = \"#292d3e\";\n\n/** Code-block title bar / tab strip. */\nexport const codeBar = \"#232636\";\n\n/** Code-block outline. */\nexport const codeBorder = \"#444a5e\";\n\n/** Default code text on `code-bg` (8:1). */\nexport const codeFg = \"#bfc7d5\";\n\n/** Product visualisation panel (tagging and mapping demos). Visualisations stay dark in both themes. */\nexport const vizBg = \"#1a2232\";\n\n/** Code pane inside a visualisation. */\nexport const vizCodeBg = \"#131c2b\";\n\n/** Outlines inside visualisations. */\nexport const vizBorder = \"#334055\";\n\n/** Primary text inside visualisations. */\nexport const vizFg = \"#e8eaf0\";\n\n/** Legend and meta text inside visualisations (5.4:1 on `viz-code-bg`). */\nexport const vizFg2 = \"#8e96aa\";\n\n/** Code comments and file kinds inside visualisations. */\nexport const vizComment = \"#6c7590\";\n\n/** Gutter line numbers. Decorative, below 3:1. */\nexport const vizLineNumber = \"#4a5165\";\n\n/** Raised surfaces inside visualisations: the rendered teaser card, table rules. */\nexport const vizSurface = \"#2b3649\";\n\n/** Syntax: HTML/JSX tag names in visualisation code (6:1+ on `viz-code-bg`). */\nexport const vizTag = \"#e38fd6\";\n\n/** Syntax: string values in visualisation code and JSON cells. */\nexport const vizString = \"#e5c07b\";\n\n/** Syntax: numbers and booleans in mapping code. */\nexport const vizNumber = \"#f78c6c\";\n\n/** Syntax: punctuation and plain code text; visualisation captions. */\nexport const vizPunct = \"#9aa3b8\";\n\n/** Event part: entity (e.g. `product`). Used for syntax highlight, legend chip and the highlighted DOM region in tagging demos. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventEntity = { dark: \"#c5e478\", light: \"#537a01\" } as const;\n\n/** Event part: action (e.g. `view`, `add`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventAction = { dark: \"#c792ea\", light: \"#8c59ac\" } as const;\n\n/** Event part: entity property (`data-elb-product=\"name\"`). The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventProperty = { dark: \"#f0717f\", light: \"#be4456\" } as const;\n\n/** Event part: context. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventContext = { dark: \"#f2a65a\", light: \"#a25f06\" } as const;\n\n/** Event part: globals. The dark value is for dark grounds (islands, visualisations, mark layers); the light value reads 4.5:1 or more as text on `bg`, `bg-2`, `surface` and `surface-2`. */\nexport const eventGlobals = { dark: \"#7fc4ea\", light: \"#317699\" } as const;\n\n/** Tag kind: user (who the visitor is). Unlike the five event parts it has no light value: it sits only on dark grounds (`viz-bg`, legends, chips, mark layers) and always pairs with its word. 5.2:1 on `viz-bg`; kept apart from `event-property`, `event-action` and `danger`. */\nexport const eventUser = \"#e65fc4\";\n\n/** Tag kind: consent (consent states and requirements). Dark grounds only, always with its word. 10.7:1 on `viz-bg`. */\nexport const eventConsent = \"#cbd5e1\";\n\n/** Brand scale (walkeros.io docs). Light-theme badge and admonition background. */\nexport const elbwalker100 = \"#edfeff\";\n\n/** Brand scale. Admonition highlight (light). */\nexport const elbwalker200 = \"#abf8ff\";\n\n/** Brand scale. Admonition text (dark). */\nexport const elbwalker300 = \"#69ecfe\";\n\n/** Brand scale. */\nexport const elbwalker400 = \"#27dbfe\";\n\n/** Brand scale anchor = `primary`. Admonition border. */\nexport const elbwalker500 = \"#01b5e2\";\n\n/** Brand scale. Badge text (light), badge fill (dark). */\nexport const elbwalker700 = \"#015372\";\n\n/** Brand scale. Admonition background (dark). */\nexport const elbwalker800 = \"#00283a\";\n\n/** Brand scale, darkest step. */\nexport const elbwalker900 = \"#000203\";\n\n/** Borders that mark a control: input, select, checkbox and switch outlines, the 1px edge of menus, popovers and dialogs, scrollbar thumbs, flow edges. 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes; `border` stays decorative. */\nexport const borderStrong = { dark: \"#6b778d\", light: \"#818a9a\" } as const;\n\n/** Focus ring, 2px solid with a 3px offset, on every interactive element: `primary` in dark, `link` in light, where `primary` is 2.2:1. 3:1 or more on every ground. */\nexport const focus = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Scrim behind modals and drawers. The layer above it is `surface` with a 1px `border-strong` edge, never a shadow. */\nexport const backdrop = { dark: \"rgba(3, 7, 18, 0.72)\", light: \"rgba(17, 24, 39, 0.4)\" } as const;\n\n/** Errors, destructive actions and invalid fields, always with an icon and a word. Text at 4.5:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. Kept apart from every event and step colour, `event-property` included. */\nexport const danger = { dark: \"#ffa4ac\", light: \"#b91c1c\" } as const;\n\n/** Text and icons on a `danger` fill such as a destructive button (dark 8.6:1, light 6.5:1). */\nexport const onDanger = { dark: \"#450a0a\", light: \"#ffffff\" } as const;\n\n/** Success and healthy states, always with an icon and a word. Sits on the blue side of green, so it stays apart from `danger` with red-green colour blindness, and apart from every step and event colour. Text at 4.5:1 or more on every ground. */\nexport const success = { dark: \"#8cf9ff\", light: \"#07675d\" } as const;\n\n/** Warnings and states that need attention, always with an icon and a word. Kept apart from `step-transformer` and `event-context`. Text at 4.5:1 or more on every ground. */\nexport const warning = { dark: \"#cabb00\", light: \"#886000\" } as const;\n\n/** Neutral information, always with an icon and a word. The `link` colour in both themes. */\nexport const info = { dark: \"#4fb3e0\", light: \"#0076a0\" } as const;\n\n/** Tinted fill for danger banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const dangerBg = { dark: \"rgba(255, 164, 172, 0.16)\", light: \"rgba(185, 28, 28, 0.1)\" } as const;\n\n/** Tinted fill for success banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const successBg = { dark: \"rgba(140, 249, 255, 0.16)\", light: \"rgba(7, 103, 93, 0.1)\" } as const;\n\n/** Tinted fill for warning banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const warningBg = { dark: \"rgba(202, 187, 0, 0.16)\", light: \"rgba(136, 96, 0, 0.1)\" } as const;\n\n/** Tinted fill for information banners and badges. Text on it is `fg`; the status colour marks the icon and the border (3:1 or more on the tint). */\nexport const infoBg = { dark: \"rgba(79, 179, 224, 0.16)\", light: \"rgba(0, 118, 160, 0.1)\" } as const;\n\n/** Flow step colour: sources. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepSource = { dark: \"#6ee7b7\", light: \"#428569\" } as const;\n\n/** Flow step colour: transformers. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepTransformer = { dark: \"#fcd34d\", light: \"#bb7000\" } as const;\n\n/** Flow step colour: the collector. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepCollector = { dark: \"#7dd3fc\", light: \"#0c529b\" } as const;\n\n/** Flow step colour: destinations. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepDestination = { dark: \"#c4b5fd\", light: \"#6d1fd8\" } as const;\n\n/** Flow step colour: stores. Badges, node accents and edges, always beside the step word; 3:1 or more on `bg`, `bg-2`, `surface` and `surface-2` in both themes. */\nexport const stepStore = { dark: \"#a5b4fc\", light: \"#4138c9\" } as const;\n\n/** Platform badge: web, always with the word; 3:1 or more on every ground. */\nexport const platformWeb = { dark: \"#0ea5e9\", light: \"#008ddd\" } as const;\n\n/** Platform badge: server, always with the word; 3:1 or more on every ground. */\nexport const platformServer = { dark: \"#8b5cf6\", light: \"#8043f6\" } as const;\n\n/** First chart series: `primary` in dark, `link` in light. Series take `chart-1` to `chart-6` in order; the six stay apart in normal vision and with red-green colour blindness, and reach 3:1 on every ground. Label every series. */\nexport const chart1 = { dark: \"#01b5e2\", light: \"#0076a0\" } as const;\n\n/** Second chart series (orange). */\nexport const chart2 = { dark: \"#e69f00\", light: \"#ce710c\" } as const;\n\n/** Third chart series (bluish green). */\nexport const chart3 = { dark: \"#009563\", light: \"#217b58\" } as const;\n\n/** Fourth chart series (vermilion). */\nexport const chart4 = { dark: \"#e0520a\", light: \"#d32f4d\" } as const;\n\n/** Fifth chart series (reddish purple). */\nexport const chart5 = { dark: \"#ff6fad\", light: \"#b87889\" } as const;\n\n/** Sixth chart series (yellow in dark, olive in light). */\nexport const chart6 = { dark: \"#f0e442\", light: \"#546800\" } as const;\n\n/** Human notes and comment pins over visualisations, tag plans and frames. Kept apart from every step and status colour; 3:1 or more on every ground. */\nexport const annotation = { dark: \"#22c55e\", light: \"#409116\" } as const;\n\n/** Editor syntax (Monaco, Shiki, Prism): comments, 4.6:1 on `code-bg`. */\nexport const syntaxComment = \"#8c94be\";\n\n/** Editor syntax (Monaco, Shiki, Prism): strings, attribute names and inserted text, 9.9:1 on `code-bg`. */\nexport const syntaxString = \"#c3e88d\";\n\n/** Editor syntax (Monaco, Shiki, Prism): numbers, 5.8:1 on `code-bg`. */\nexport const syntaxNumber = \"#f78c6c\";\n\n/** Editor syntax (Monaco, Shiki, Prism): booleans, null and constants, 4.6:1 on `code-bg`. */\nexport const syntaxConstant = \"#ff5d78\";\n\n/** Editor syntax (Monaco, Shiki, Prism): keywords and storage modifiers, 5.2:1 on `code-bg`. */\nexport const syntaxKeyword = \"#c084fc\";\n\n/** Editor syntax (Monaco, Shiki, Prism): functions and built-ins, 5.9:1 on `code-bg`. */\nexport const syntaxFunction = \"#82aaff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): types and class names, 9.1:1 on `code-bg`. */\nexport const syntaxType = \"#ffcb6b\";\n\n/** Editor syntax (Monaco, Shiki, Prism): operators and regular expressions, 9.0:1 on `code-bg`. */\nexport const syntaxOperator = \"#89ddff\";\n\n/** Editor syntax (Monaco, Shiki, Prism): punctuation and delimiters, 5.7:1 on `code-bg`. */\nexport const syntaxPunct = \"#c792ea\";\n\n/** Editor syntax (Monaco, Shiki, Prism): tags, invalid and deleted tokens, 4.6:1 on `code-bg`. */\nexport const syntaxTag = \"#ff5d79\";\n\n/** Editor syntax (Monaco, Shiki, Prism): namespaces, 8.1:1 on `code-bg`. */\nexport const syntaxNamespace = \"#b2ccd6\";\n\n/** Editor gutter line numbers on `code-bg`. Decorative, below 3:1. */\nexport const codeLineNumber = \"#676e95\";\n\n/** Editor selection over `code-bg`; `code-fg` stays at 5.4:1 on it. */\nexport const codeSelection = \"#717cb450\";\n\n/** Inserted lines in diff views over `code-bg`; `code-fg` stays at 5.4:1. */\nexport const codeInsertedBg = \"#c3e88d26\";\n\n/** Deleted lines in diff views over `code-bg`; `code-fg` stays at 6.6:1. */\nexport const codeDeletedBg = \"#ff5d7926\";\n\n/** Font family `sans`. */\nexport const fontSans = \"system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif\";\n\n/** Font family `mono`. */\nexport const fontMono = \"SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace\";\n\n/** Font family `viz`. */\nexport const fontViz = \"'Geist', system-ui, sans-serif\";\n\n/** Font family `viz-mono`. */\nexport const fontVizMono = \"'Geist Mono', monospace\";\n\n/** The one transition duration. Read it as var(--motion): reduced motion sets it to 0ms. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const motion = \"180ms\";\n\n/** The one transition easing, beside var(--motion). Read it as var(--ease). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const ease = \"cubic-bezier(0.2, 0, 0, 1)\";\n\n/** Type style `display`: Hero H1 only. Fluid: clamp(38px, 6vw, 64px), max 20ch, text-wrap balance. One phrase may take `primary`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeDisplay = { size: \"64px\", lineHeight: 1.08, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-xl`: Large split-section heading (More features). clamp(28px, 3.6vw, 44px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingXl = { size: \"44px\", lineHeight: 1.1, weight: 700, tracking: \"-0.025em\", family: fontSans } as const;\n\n/** Type style `heading-lg`: Section H2. clamp(28px, 3.6vw, 40px), text-wrap balance. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingLg = { size: \"40px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `heading-md`: Feature H2 beside its explainer. clamp(26px, 3.2vw, 36px). Also the docs page title (h1), not fluid. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeHeadingMd = { size: \"36px\", lineHeight: 1.15, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `footer-statement`: The footer's one-line brand statement. clamp(24px, 3.2vw, 34px), max 22ch. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeFooterStatement = { size: \"34px\", lineHeight: 1.2, weight: 700, tracking: \"-0.02em\", family: fontSans } as const;\n\n/** Type style `kicker-lg`: Large coloured kicker above `heading-xl`, in `primary`. clamp(22px, 2.4vw, 28px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeKickerLg = { size: \"28px\", lineHeight: 1.2, weight: 700, tracking: \"-0.01em\", family: fontSans } as const;\n\n/** Type style `title-plan`: Plan tier name. Also docs h2. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitlePlan = { size: \"24px\", lineHeight: 1.3, weight: 700, tracking: \"-0.015em\", family: fontSans } as const;\n\n/** Type style `title-card`: Problem-card H3. Also docs h3; docs h4 takes its weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleCard = { size: \"19px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `title-item`: Feature-list H3. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeTitleItem = { size: \"18px\", lineHeight: 1.35, weight: 600, family: fontSans } as const;\n\n/** Type style `lead`: Hero sub-copy in `fg-2`, max 58ch. clamp(18px, 2vw, 21px). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLead = { size: \"21px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body-lg`: Feature explainer paragraphs, FAQ questions (600). Also docs h4, at the `title-card` weight. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBodyLg = { size: \"17px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `body`: Default body copy, docs body copy included; buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeBody = { size: \"16px\", lineHeight: 1.65, weight: 400, family: fontSans } as const;\n\n/** Type style `ui`: Nav links, list items, footer links. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeUi = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontSans } as const;\n\n/** Type style `small`: Announcement bar, `Docs →` links (500), copyright (400). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeSmall = { size: \"14px\", lineHeight: 1.5, weight: 600, family: fontSans } as const;\n\n/** Type style `eyebrow`: Section eyebrow, UPPERCASE, in `link`. One line that states the problem the section answers. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeEyebrow = { size: \"13px\", lineHeight: 1.5, weight: 600, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `label`: Plan tier label, UPPERCASE, in `fg-3` (`link` on the highlighted plan). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeLabel = { size: \"12px\", lineHeight: 1.5, weight: 700, tracking: \"0.12em\", family: fontSans } as const;\n\n/** Type style `code-command`: Install-command chip. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeCommand = { size: \"15px\", lineHeight: 1.5, weight: 500, family: fontMono } as const;\n\n/** Type style `code-step`: Mono step numbers (01, 02, 03) in `link`. Also code panes: the explorer's code editors and docs code blocks. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeStep = { size: \"13px\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `code-inline`: Inline code inside prose, docs inline code included: `surface-2` fill, `border` outline, radius-sm. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeCodeInline = { size: \"0.88em\", lineHeight: 1.5, weight: 400, family: fontMono } as const;\n\n/** Type style `viz-body`: Captions inside product visualisations (Geist). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizBody = { size: \"15px\", lineHeight: 1.5, weight: 400, family: fontViz } as const;\n\n/** Type style `viz-chip`: Step pills inside visualisations. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizChip = { size: \"13px\", lineHeight: 1.4, weight: 500, family: fontViz } as const;\n\n/** Type style `viz-code`: Code pane inside visualisations (Geist Mono). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizCode = { size: \"12px\", lineHeight: 1.8, weight: 400, family: fontVizMono } as const;\n\n/** Type style `viz-legend`: Event-part legend (Geist Mono) in `viz-fg-2`. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeVizLegend = { size: \"11px\", lineHeight: 1.5, weight: 400, family: fontVizMono } as const;\n\n/** Type style `product-heading`: Page and dialog titles in the app, the explorer and Tag Mode. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductHeading = { size: \"20px\", lineHeight: 1.3, weight: 600, family: fontSans } as const;\n\n/** Type style `product-title`: Panel, card and section titles in product UI. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductTitle = { size: \"16px\", lineHeight: 1.4, weight: 600, family: fontSans } as const;\n\n/** Type style `product-body`: Default product copy: body text, form fields, table cells, buttons (600). Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductBody = { size: \"14px\", lineHeight: 1.5, weight: 400, family: fontSans } as const;\n\n/** Type style `product-small`: Secondary rows, help text and dense tables. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductSmall = { size: \"13px\", lineHeight: 1.45, weight: 400, family: fontSans } as const;\n\n/** Type style `product-caption`: Captions, badges and meta labels. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductCaption = { size: \"12px\", lineHeight: 1.4, weight: 500, family: fontSans } as const;\n\n/** Type style `product-micro`: Dense canvas labels only: node badges, edge labels, mark labels and compact tooltip meta. Never body copy, never interactive text. Only for places CSS variables cannot reach, such as email HTML, styles injected by script and editor options. */\nexport const typeProductMicro = { size: \"11px\", lineHeight: 1.3, weight: 500, family: fontSans } as const;\n"],"mappings":"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","names":[]}

package/dist/design/tailwind.css

@@ -0,0 +1,226 @@
+/* walkerOS design tokens, generated from design/tokens.json by src/design/generate.ts. Edit the JSON, never this file. */
+
+@import "./tokens.css";
+
+@theme {
+  --color-*: initial;
+  --radius-*: initial;
+  --container-*: initial;
+  --font-*: initial;
+  --text-*: initial;
+  --shadow-*: initial;
+  --inset-shadow-*: initial;
+  --drop-shadow-*: initial;
+  --text-shadow-*: initial;
+  --spacing: 4px;
+  --radius-xs: 4px;
+  --radius-sm: 5px;
+  --radius-md: 8px;
+  --radius-faq: 10px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 999px;
+  --container-3xs: 256px;
+  --container-2xs: 288px;
+  --container-xs: 320px;
+  --container-sm: 384px;
+  --container-md: 448px;
+  --container-lg: 512px;
+  --container-xl: 576px;
+  --container-2xl: 672px;
+  --container-3xl: 768px;
+  --container-4xl: 896px;
+  --container-5xl: 1024px;
+  --container-6xl: 1152px;
+  --container-7xl: 1280px;
+  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
+  --font-mono: SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  --font-viz: 'Geist', system-ui, sans-serif;
+  --font-viz-mono: 'Geist Mono', monospace;
+  --text-display: 64px;
+  --text-display--line-height: 1.08;
+  --text-display--font-weight: 700;
+  --text-display--letter-spacing: -0.025em;
+  --text-heading-xl: 44px;
+  --text-heading-xl--line-height: 1.1;
+  --text-heading-xl--font-weight: 700;
+  --text-heading-xl--letter-spacing: -0.025em;
+  --text-heading-lg: 40px;
+  --text-heading-lg--line-height: 1.15;
+  --text-heading-lg--font-weight: 700;
+  --text-heading-lg--letter-spacing: -0.02em;
+  --text-heading-md: 36px;
+  --text-heading-md--line-height: 1.15;
+  --text-heading-md--font-weight: 700;
+  --text-heading-md--letter-spacing: -0.02em;
+  --text-footer-statement: 34px;
+  --text-footer-statement--line-height: 1.2;
+  --text-footer-statement--font-weight: 700;
+  --text-footer-statement--letter-spacing: -0.02em;
+  --text-kicker-lg: 28px;
+  --text-kicker-lg--line-height: 1.2;
+  --text-kicker-lg--font-weight: 700;
+  --text-kicker-lg--letter-spacing: -0.01em;
+  --text-title-plan: 24px;
+  --text-title-plan--line-height: 1.3;
+  --text-title-plan--font-weight: 700;
+  --text-title-plan--letter-spacing: -0.015em;
+  --text-title-card: 19px;
+  --text-title-card--line-height: 1.35;
+  --text-title-card--font-weight: 600;
+  --text-title-item: 18px;
+  --text-title-item--line-height: 1.35;
+  --text-title-item--font-weight: 600;
+  --text-lead: 21px;
+  --text-lead--line-height: 1.65;
+  --text-lead--font-weight: 400;
+  --text-body-lg: 17px;
+  --text-body-lg--line-height: 1.65;
+  --text-body-lg--font-weight: 400;
+  --text-body: 16px;
+  --text-body--line-height: 1.65;
+  --text-body--font-weight: 400;
+  --text-ui: 15px;
+  --text-ui--line-height: 1.5;
+  --text-ui--font-weight: 500;
+  --text-small: 14px;
+  --text-small--line-height: 1.5;
+  --text-small--font-weight: 600;
+  --text-eyebrow: 13px;
+  --text-eyebrow--line-height: 1.5;
+  --text-eyebrow--font-weight: 600;
+  --text-eyebrow--letter-spacing: 0.12em;
+  --text-label: 12px;
+  --text-label--line-height: 1.5;
+  --text-label--font-weight: 700;
+  --text-label--letter-spacing: 0.12em;
+  --text-code-command: 15px;
+  --text-code-command--line-height: 1.5;
+  --text-code-command--font-weight: 500;
+  --text-code-step: 13px;
+  --text-code-step--line-height: 1.5;
+  --text-code-step--font-weight: 400;
+  --text-code-inline: 0.88em;
+  --text-code-inline--line-height: 1.5;
+  --text-code-inline--font-weight: 400;
+  --text-viz-body: 15px;
+  --text-viz-body--line-height: 1.5;
+  --text-viz-body--font-weight: 400;
+  --text-viz-chip: 13px;
+  --text-viz-chip--line-height: 1.4;
+  --text-viz-chip--font-weight: 500;
+  --text-viz-code: 12px;
+  --text-viz-code--line-height: 1.8;
+  --text-viz-code--font-weight: 400;
+  --text-viz-legend: 11px;
+  --text-viz-legend--line-height: 1.5;
+  --text-viz-legend--font-weight: 400;
+  --text-product-heading: 20px;
+  --text-product-heading--line-height: 1.3;
+  --text-product-heading--font-weight: 600;
+  --text-product-title: 16px;
+  --text-product-title--line-height: 1.4;
+  --text-product-title--font-weight: 600;
+  --text-product-body: 14px;
+  --text-product-body--line-height: 1.5;
+  --text-product-body--font-weight: 400;
+  --text-product-small: 13px;
+  --text-product-small--line-height: 1.45;
+  --text-product-small--font-weight: 400;
+  --text-product-caption: 12px;
+  --text-product-caption--line-height: 1.4;
+  --text-product-caption--font-weight: 500;
+  --text-product-micro: 11px;
+  --text-product-micro--line-height: 1.3;
+  --text-product-micro--font-weight: 500;
+}
+
+@theme inline {
+  --default-transition-duration: var(--motion);
+  --default-transition-timing-function: var(--ease);
+  --color-bg: var(--bg);
+  --color-bg-2: var(--bg-2);
+  --color-surface: var(--surface);
+  --color-surface-2: var(--surface-2);
+  --color-border: var(--border);
+  --color-fg: var(--fg);
+  --color-fg-2: var(--fg-2);
+  --color-fg-3: var(--fg-3);
+  --color-primary: var(--primary);
+  --color-on-primary: var(--on-primary);
+  --color-link: var(--link);
+  --color-glow: var(--glow);
+  --color-code-bg: var(--code-bg);
+  --color-code-bar: var(--code-bar);
+  --color-code-border: var(--code-border);
+  --color-code-fg: var(--code-fg);
+  --color-viz-bg: var(--viz-bg);
+  --color-viz-code-bg: var(--viz-code-bg);
+  --color-viz-border: var(--viz-border);
+  --color-viz-fg: var(--viz-fg);
+  --color-viz-fg-2: var(--viz-fg-2);
+  --color-viz-comment: var(--viz-comment);
+  --color-viz-line-number: var(--viz-line-number);
+  --color-viz-surface: var(--viz-surface);
+  --color-viz-tag: var(--viz-tag);
+  --color-viz-string: var(--viz-string);
+  --color-viz-number: var(--viz-number);
+  --color-viz-punct: var(--viz-punct);
+  --color-event-entity: var(--event-entity);
+  --color-event-action: var(--event-action);
+  --color-event-property: var(--event-property);
+  --color-event-context: var(--event-context);
+  --color-event-globals: var(--event-globals);
+  --color-event-user: var(--event-user);
+  --color-event-consent: var(--event-consent);
+  --color-elbwalker-100: var(--elbwalker-100);
+  --color-elbwalker-200: var(--elbwalker-200);
+  --color-elbwalker-300: var(--elbwalker-300);
+  --color-elbwalker-400: var(--elbwalker-400);
+  --color-elbwalker-500: var(--elbwalker-500);
+  --color-elbwalker-700: var(--elbwalker-700);
+  --color-elbwalker-800: var(--elbwalker-800);
+  --color-elbwalker-900: var(--elbwalker-900);
+  --color-border-strong: var(--border-strong);
+  --color-focus: var(--focus);
+  --color-backdrop: var(--backdrop);
+  --color-danger: var(--danger);
+  --color-on-danger: var(--on-danger);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-info: var(--info);
+  --color-danger-bg: var(--danger-bg);
+  --color-success-bg: var(--success-bg);
+  --color-warning-bg: var(--warning-bg);
+  --color-info-bg: var(--info-bg);
+  --color-step-source: var(--step-source);
+  --color-step-transformer: var(--step-transformer);
+  --color-step-collector: var(--step-collector);
+  --color-step-destination: var(--step-destination);
+  --color-step-store: var(--step-store);
+  --color-platform-web: var(--platform-web);
+  --color-platform-server: var(--platform-server);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-chart-6: var(--chart-6);
+  --color-annotation: var(--annotation);
+  --color-syntax-comment: var(--syntax-comment);
+  --color-syntax-string: var(--syntax-string);
+  --color-syntax-number: var(--syntax-number);
+  --color-syntax-constant: var(--syntax-constant);
+  --color-syntax-keyword: var(--syntax-keyword);
+  --color-syntax-function: var(--syntax-function);
+  --color-syntax-type: var(--syntax-type);
+  --color-syntax-operator: var(--syntax-operator);
+  --color-syntax-punct: var(--syntax-punct);
+  --color-syntax-tag: var(--syntax-tag);
+  --color-syntax-namespace: var(--syntax-namespace);
+  --color-code-line-number: var(--code-line-number);
+  --color-code-selection: var(--code-selection);
+  --color-code-inserted-bg: var(--code-inserted-bg);
+  --color-code-deleted-bg: var(--code-deleted-bg);
+  --shadow-plan-highlight: var(--plan-highlight);
+}