@datatechsolutions/tympan-tokens 0.3.0 → 0.3.1

package/dist/index.js

@@ -318,6 +318,7 @@ const ROLE_NAMES = [
 	"line-strong",
 	"input",
 	"focus-ring",
+	"cursor-now",
 	"brand",
 	"on-brand",
 	"brand-strong",
@@ -485,6 +486,12 @@ function recipes(mode, contrast, glass) {
 			l: high ? pick(.4, .85) : pick(.47, .79),
 			c: .75
 		},
+		"cursor-now": {
+			seed: "brand",
+			l: pick(.55, .74),
+			c: .9,
+			h: 330
+		},
 		brand: {
 			seed: "brand",
 			l: high ? pick(.4, .85) : pick(.47, .79),
@@ -1150,46 +1157,296 @@ const neutralPreset = {
 	cta: "solid"
 };
 /**
-* The Fakhir research platform's look, selected by name
+* A named product preset, selected by name
 * (`data-ty-theme="fakhir"`). Today it carries the default theme's values; it
-* is a separate preset so that app keeps its look if the default changes.
+* is a separate preset so an app that selects it keeps its look if the default changes.
 */
 const fakhirPreset = {
 	...tympanPreset,
 	name: "fakhir",
 	label: "Fakhir"
 };
-/** Default hues with high contrast, opaque surfaces and a thicker focus ring. */
-const highContrastPreset = {
-	name: "high-contrast",
-	label: "High contrast",
-	seeds: baseSeeds,
-	radius: 10,
-	contrast: "high",
-	glass: false,
-	cta: "solid"
-};
+/**
+* The Astrlabe workflow engine's look (`data-ty-theme="astrlabe"`): slate
+* neutrals, an indigo brand (indigo 500 as the accent family, one step darker
+* where text needs 4.5:1 on light grounds), translucent glass surfaces and the
+* rounder corners of that app (12 px controls, about 20 px cards). The call to
+* action is the indigo to purple gradient its primary buttons fill with, and
+* text (headings included) uses the platform's own system fonts. The state
+* contract holds on every ground: running is a cyan clearly off the indigo
+* brand, waiting is amber.
+*/
 const astrlabePreset = {
 	name: "astrlabe",
 	label: "Astrlabe",
 	seeds: {
-		...baseSeeds,
-		brand: {
-			hue: 240,
+		brand: seedFromColor("#6366f1", .2),
+		neutral: {
+			hue: 257,
+			chroma: .02
+		},
+		danger: {
+			hue: 25,
+			chroma: .2
+		},
+		warning: {
+			hue: 70,
 			chroma: .15
+		},
+		success: {
+			hue: 150,
+			chroma: .16
+		},
+		info: {
+			hue: 240,
+			chroma: .1
 		}
 	},
-	radius: 8,
+	chartHues: [
+		277,
+		237,
+		163,
+		75,
+		12,
+		293,
+		185,
+		48
+	],
+	radius: 12,
 	contrast: "default",
 	glass: true,
+	cta: "gradient",
+	pins: {
+		light: {
+			brand: "#4f46e5",
+			"focus-ring": "#6366f1",
+			"brand-strong": "#4338ca",
+			"brand-soft": "rgb(99 102 241 / 0.12)",
+			"on-brand": "#ffffff",
+			bg: "#f8fafc",
+			surface: "rgb(255 255 255 / 0.72)",
+			"surface-raised": "rgb(255 255 255 / 0.9)",
+			"surface-solid": "#ffffff",
+			"surface-raised-solid": "#ffffff",
+			"surface-sunken": "#f1f5f9",
+			line: "rgb(148 163 184 / 0.3)",
+			"line-strong": "rgb(100 116 139 / 0.45)",
+			ink: "#0f172a",
+			"ink-2": "#334155",
+			"ink-3": "#4d5a6b",
+			success: "#15803d",
+			info: "#0e7490",
+			warning: "#a16207",
+			danger: "#be123c",
+			neutral: "#4d5a6b"
+		},
+		dark: {
+			brand: "#818cf8",
+			"focus-ring": "#818cf8",
+			"brand-strong": "#a5b4fc",
+			"brand-soft": "rgb(99 102 241 / 0.2)",
+			"on-brand": "#1e1b4b",
+			bg: "#0b1220",
+			surface: "rgb(30 41 59 / 0.72)",
+			"surface-raised": "rgb(30 41 59 / 0.92)",
+			"surface-solid": "#131c2f",
+			"surface-raised-solid": "#1b2539",
+			"surface-sunken": "#0b1222",
+			line: "rgb(148 163 184 / 0.22)",
+			"line-strong": "rgb(148 163 184 / 0.36)",
+			ink: "#f8fafc",
+			"ink-2": "#cbd5e1",
+			"ink-3": "#a3b0c0",
+			success: "#4ade80",
+			info: "#22d3ee",
+			warning: "#fbbf24",
+			danger: "#fb7185",
+			neutral: "#a3b0c0"
+		}
+	},
+	ctaPins: {
+		light: [
+			"#4f46e5",
+			"#7c3aed",
+			"#9333ea"
+		],
+		dark: [
+			"#4f46e5",
+			"#7c3aed",
+			"#9333ea"
+		]
+	},
+	fonts: {
+		display: [
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"Segoe UI",
+			"Roboto",
+			"Helvetica Neue",
+			"Noto Sans",
+			"Arial",
+			"sans-serif"
+		],
+		body: [
+			"-apple-system",
+			"BlinkMacSystemFont",
+			"Segoe UI",
+			"Roboto",
+			"Helvetica Neue",
+			"Noto Sans",
+			"Arial",
+			"sans-serif"
+		],
+		mono: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"Liberation Mono",
+			"Courier New",
+			"monospace"
+		]
+	}
+};
+/**
+* Astrlabe · Sala de Controle (`data-ty-theme="astrlabe-controle"`): the
+* dark-operations variant of the Astrlabe identity for control rooms and
+* monitoring walls. No glass, square corners (2 px controls), deep blue-slate
+* surfaces, and the saturated state colours of operator consoles: ok green,
+* run cyan, wait amber, fail red, now magenta. Everything renders in a
+* monospace stack so columns of numbers line up.
+*/
+const astrlabeControlePreset = {
+	name: "astrlabe-controle",
+	label: "Astrlabe · Sala de Controle",
+	seeds: {
+		brand: seedFromColor("#6366f1", .2),
+		neutral: {
+			hue: 257,
+			chroma: .02
+		},
+		danger: {
+			hue: 12,
+			chroma: .2
+		},
+		warning: {
+			hue: 75,
+			chroma: .15
+		},
+		success: {
+			hue: 145,
+			chroma: .16
+		},
+		info: {
+			hue: 185,
+			chroma: .12
+		}
+	},
+	radius: 2,
+	contrast: "default",
+	glass: false,
+	cta: "solid",
+	pins: {
+		light: {
+			brand: "#818cf8",
+			"focus-ring": "#818cf8",
+			"brand-strong": "#a5b4fc",
+			"brand-soft": "rgb(99 102 241 / 0.2)",
+			"on-brand": "#1e1b4b",
+			bg: "#131a22",
+			surface: "rgb(26 35 46 / 1)",
+			"surface-raised": "rgb(26 35 46 / 1)",
+			"surface-solid": "#1a232e",
+			"surface-raised-solid": "#1a232e",
+			"surface-sunken": "#0e141b",
+			line: "#2e3d4c",
+			"line-strong": "#46586a",
+			ink: "#e8eef4",
+			"ink-2": "#bcc9d6",
+			"ink-3": "#93a2b1",
+			success: "#3fb950",
+			info: "#39c5cf",
+			warning: "#d29922",
+			danger: "#f85149",
+			neutral: "#93a2b1",
+			"cursor-now": "#e34ba9"
+		},
+		dark: {
+			brand: "#818cf8",
+			"focus-ring": "#818cf8",
+			"brand-strong": "#a5b4fc",
+			"brand-soft": "rgb(99 102 241 / 0.2)",
+			"on-brand": "#1e1b4b",
+			bg: "#131a22",
+			surface: "rgb(26 35 46 / 1)",
+			"surface-raised": "rgb(26 35 46 / 1)",
+			"surface-solid": "#1a232e",
+			"surface-raised-solid": "#1a232e",
+			"surface-sunken": "#0e141b",
+			line: "#2e3d4c",
+			"line-strong": "#46586a",
+			ink: "#e8eef4",
+			"ink-2": "#bcc9d6",
+			"ink-3": "#93a2b1",
+			success: "#3fb950",
+			info: "#39c5cf",
+			warning: "#d29922",
+			danger: "#f85149",
+			neutral: "#93a2b1",
+			"cursor-now": "#e34ba9"
+		}
+	},
+	fonts: {
+		display: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"Liberation Mono",
+			"Courier New",
+			"monospace"
+		],
+		body: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"Liberation Mono",
+			"Courier New",
+			"monospace"
+		],
+		mono: [
+			"ui-monospace",
+			"SFMono-Regular",
+			"Menlo",
+			"Monaco",
+			"Consolas",
+			"Liberation Mono",
+			"Courier New",
+			"monospace"
+		]
+	}
+};
+/** Default hues with high contrast, opaque surfaces and a thicker focus ring. */
+const highContrastPreset = {
+	name: "high-contrast",
+	label: "High contrast",
+	seeds: baseSeeds,
+	radius: 10,
+	contrast: "high",
+	glass: false,
 	cta: "solid"
 };
 const presets = [
 	tympanPreset,
 	fakhirPreset,
+	astrlabePreset,
+	astrlabeControlePreset,
 	neutralPreset,
-	highContrastPreset,
-	astrlabePreset
+	highContrastPreset
 ];
 const DEFAULT_THEME = "tympan";
 //#endregion
@@ -1838,7 +2095,9 @@ const jornal = {
 		rotuloCaixa: "alta",
 		notas: "dentro",
 		figura: "simples",
-		minusculas: false
+		minusculas: false,
+		forma: "halteres",
+		realce: "linha"
 	}
 };
 const prancheta = {
@@ -2074,7 +2333,8 @@ const minimoDeTinta = {
 		forma: "colunas",
 		colunasFinas: true,
 		linhaCorte: "tracejada",
-		tituloEstilo: "italico"
+		tituloEstilo: "italico",
+		realce: "linha"
 	}
 };
 const suico = {
@@ -2379,7 +2639,8 @@ const diagramaModernista = {
 		multiplos: "lado-a-lado",
 		fundoPainel: "alternado",
 		moldura: "quartos",
-		manchete: "texto"
+		manchete: "texto",
+		cabecaMultiplo: "caixa-cor"
 	}
 };
 const papelSalmao = {
@@ -2976,7 +3237,8 @@ const printPresets = {
 			emblema: "figura-modular",
 			fundoPainel: "alternado",
 			costura: "barra",
-			manchete: "texto"
+			manchete: "texto",
+			cabecaMultiplo: "caixa-cor"
 		}
 	},
 	sinalizacao: {
@@ -3034,7 +3296,8 @@ const printPresets = {
 			corRotulo: "tinta",
 			veredito: "bloco-escuro",
 			rastro: "placa",
-			manchete: "faixa"
+			manchete: "faixa",
+			cabecaMultiplo: "faixa"
 		}
 	},
 	pictogramas: {
@@ -3097,7 +3360,8 @@ const printPresets = {
 			multiplos: "lado-a-lado",
 			emblema: "pictogramas",
 			fundoPainel: "claro",
-			manchete: "faixa"
+			manchete: "faixa",
+			cabecaMultiplo: "faixa-cor"
 		}
 	},
 	"mapa-de-metro": {
@@ -3162,7 +3426,8 @@ const printPresets = {
 			corRotulo: "tinta",
 			veredito: "bloco-escuro",
 			rastro: "metro",
-			manchete: "texto"
+			manchete: "texto",
+			cabecaMultiplo: "faixa-escura"
 		}
 	},
 	"jornal-1959": {
@@ -4778,18 +5043,23 @@ function toneTokens() {
 const FLOW_TOKENS = [
 	...toneTokens(),
 	["connector", color("input")],
-	["connector-active", color("accent")],
+	["connector-active", color("info")],
 	["connector-true", color("success")],
 	["connector-false", color("danger")],
 	["connector-rule", color("categorical-2")],
+	["connector-traversed", color("success")],
+	["connector-blocked", color("warning")],
+	["connector-pending", color("neutral")],
 	["connector-width", px(1.5)],
 	["connector-width-active", px(2.5)],
 	["node-border", color("line-strong")],
 	["node-border-hover", color("input")],
 	["ring-selected", color("accent")],
-	["ring-running", color("warning")],
+	["ring-running", color("info")],
+	["ring-suspended", color("warning")],
 	["ring-succeeded", color("success")],
 	["ring-failed", color("danger")],
+	["cursor-now", color("cursor-now")],
 	["node-surface", color("surface-raised-solid")],
 	["node-radius", {
 		type: "dimension",
@@ -4868,6 +5138,6 @@ function flowToneRules() {
 //#region src/index.ts
 const allThemes = [...presets, ...printThemePresets];
 //#endregion
-export { DEFAULT_CHART_HUES, DEFAULT_PRINT_STYLE, DEFAULT_THEME, DENSITIES, ESTADOS_PROVA, FLOW_TOKENS, FLOW_TONES, FONT_ROLE_TOKENS, FORCED_COLORS_VARS, OPAQUE_VARS, PRINT_PRESET_NAMES, PRINT_STYLE_ALIASES, PRINT_THEME_ALIASES, PRINT_THEME_OVERRIDES, PRINT_THEME_PREFIX, RAMP_STEPS, ROLE_ALIASES, ROLE_NAMES, ROTULOS_PROVA, allThemes, apcaContrast, astrlabePreset, buildStylesheet, composite, contrastPairs, contrastRatio, deltaE2000, densityToDtcg, densityVariables, fakhirPreset, flatten, flowCssName, flowToDtcg, flowTokenCss, flowToneRules, flowVariables, fontStackToCss, fromDtcgColor, generatePrintThemesCss, generateRamp, generateThemeCss, googleFontsUrl, gradientToCss, highContrastPreset, legibleOn, luminance, mergePrintStyle, neutralPreset, oklchToRgb, papelEscuro, parseColor, parseFontStack, presetThemeVars, presets, printPresetById, printPresets, printStyleAccent, printStyleCoresPb, printStyleToCss, printStyleToTheme, printStyleVariables, printThemeDroppedPins, printThemeFontUrls, printThemePresets, resolvePrintStyle, resolvePrintStyleName, resolvePrintThemeName, resolveTheme, rgbToLab, rgbToOklab, rgbToOklch, seedFromColor, shadowToCss, themeSelectors, themeToDtcg, themeVariables, themeVarsFor, toCss, toDtcgColor, toGrey, toHex, tympanPreset, warnDeprecatedPrintId };
+export { DEFAULT_CHART_HUES, DEFAULT_PRINT_STYLE, DEFAULT_THEME, DENSITIES, ESTADOS_PROVA, FLOW_TOKENS, FLOW_TONES, FONT_ROLE_TOKENS, FORCED_COLORS_VARS, OPAQUE_VARS, PRINT_PRESET_NAMES, PRINT_STYLE_ALIASES, PRINT_THEME_ALIASES, PRINT_THEME_OVERRIDES, PRINT_THEME_PREFIX, RAMP_STEPS, ROLE_ALIASES, ROLE_NAMES, ROTULOS_PROVA, allThemes, apcaContrast, astrlabeControlePreset, astrlabePreset, buildStylesheet, composite, contrastPairs, contrastRatio, deltaE2000, densityToDtcg, densityVariables, fakhirPreset, flatten, flowCssName, flowToDtcg, flowTokenCss, flowToneRules, flowVariables, fontStackToCss, fromDtcgColor, generatePrintThemesCss, generateRamp, generateThemeCss, googleFontsUrl, gradientToCss, highContrastPreset, legibleOn, luminance, mergePrintStyle, neutralPreset, oklchToRgb, papelEscuro, parseColor, parseFontStack, presetThemeVars, presets, printPresetById, printPresets, printStyleAccent, printStyleCoresPb, printStyleToCss, printStyleToTheme, printStyleVariables, printThemeDroppedPins, printThemeFontUrls, printThemePresets, resolvePrintStyle, resolvePrintStyleName, resolvePrintThemeName, resolveTheme, rgbToLab, rgbToOklab, rgbToOklch, seedFromColor, shadowToCss, themeSelectors, themeToDtcg, themeVariables, themeVarsFor, toCss, toDtcgColor, toGrey, toHex, tympanPreset, warnDeprecatedPrintId };
 
 //# sourceMappingURL=index.js.map