@zitadel/components 0.1.0-alpha.4 → 0.1.0-alpha.5

package/dist/orchestrator/index.mjs

@@ -1,3 +1,3 @@
-import { _ as buildBrandingStylesheet, a as createSanitiser, b as startFlow, c as de, d as MANDATORY_GATES_MARKER, f as mandatoryGatesMarkerComment, g as applyBrandingTokens, h as validateBranding, i as layout_chrome_default, l as en, m as applyFontUrl, n as ZitadelLogin, o as builtinLocales, p as patchMandatoryGates, r as ThemeController, s as it, t as ZitadelLogout, u as TEMPLATE_NAMES, v as resolveTheme, x as submitStep, y as getCurrentStep } from "../orchestrator-DGp8rCN7.mjs";
-import { t as default_default } from "../default-BG5uwuAm.mjs";
+import { _ as buildBrandingStylesheet, a as createSanitiser, b as startFlow, c as de, d as MANDATORY_GATES_MARKER, f as mandatoryGatesMarkerComment, g as applyBrandingTokens, h as validateBranding, i as layout_chrome_default, l as en, m as applyFontUrl, n as ZitadelLogin, o as builtinLocales, p as patchMandatoryGates, r as ThemeController, s as it, t as ZitadelLogout, u as TEMPLATE_NAMES, v as resolveTheme, x as submitStep, y as getCurrentStep } from "../orchestrator-e33w1C7V.mjs";
+import { t as default_default } from "../default-DD6GYdEe.mjs";
 export { MANDATORY_GATES_MARKER, TEMPLATE_NAMES, ThemeController, ZitadelLogin, ZitadelLogout, applyBrandingTokens, applyFontUrl, buildBrandingStylesheet, builtinLocales, createSanitiser, de, default_default as defaultTemplate, en, getCurrentStep, it, layout_chrome_default as layoutChromeCss, mandatoryGatesMarkerComment, patchMandatoryGates, resolveTheme, startFlow, submitStep, validateBranding };

package/dist/orchestrator/locales/de.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/orchestrator/locales/de.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,EAAE,EAAE,MAyJhB,CAAC"}
+{"version":3,"file":"de.d.ts","sourceRoot":"","sources":["../../../src/orchestrator/locales/de.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,EAAE,EAAE,MAgKhB,CAAC"}

package/dist/orchestrator/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/orchestrator/locales/en.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA4JrC,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../src/orchestrator/locales/en.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgKrC,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}

package/dist/orchestrator/locales/it.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"it.d.ts","sourceRoot":"","sources":["../../../src/orchestrator/locales/it.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,EAAE,EAAE,MAyJhB,CAAC"}
+{"version":3,"file":"it.d.ts","sourceRoot":"","sources":["../../../src/orchestrator/locales/it.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,EAAE,EAAE,MAgKhB,CAAC"}

package/dist/{orchestrator-DGp8rCN7.mjs → orchestrator-e33w1C7V.mjs}

@@ -1,6 +1,6 @@
 import { _ as __decorate, b as t, v as focusVisibleStyles, x as emit, y as baseHostStyles } from "./atoms-Dh5J7QwT.mjs";
 import { r as tokensCss } from "./tokens-TXmurodq.mjs";
-import { t as default_default } from "./default-BG5uwuAm.mjs";
+import { t as default_default } from "./default-DD6GYdEe.mjs";
 import { manifestRegistry } from "./manifests.mjs";
 import { LitElement, css, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
@@ -1572,30 +1572,35 @@ function sanitiseUrl(value, field, issues) {
 //#endregion
 //#region src/orchestrator/font-loader.ts
 /**
-* Inject `branding.font_url` as `<link rel="stylesheet">` inside the
-* `<zitadel-login>` Shadow DOM. Per `docs/design/branding/templates.md`:
+* Inject `branding.font_url` as `<link rel="stylesheet">` into the host
+* document's `<head>`. Per `docs/design/branding/templates.md`:
 *
 *   "The `font_url` stylesheet is injected by the orchestrator; the template
 *    does not emit the `<link>` tag itself."
 *
+* The link must live at document level, not inside the shadow root:
+* browsers ignore `@font-face` rules declared in shadow-tree stylesheets,
+* so a shadow-scoped link would never register the font faces and every
+* branded font silently falls back to the system stack. `font-family`
+* references inside the shadow tree resolve against document-level faces.
+*
 * Idempotent: calling with the same URL is a no-op; calling with a new URL
 * replaces the previous link. Calling with `null`/`undefined` removes any
 * previously injected link.
 */
 const LINK_ID = "zl-font-link";
 function applyFontUrl(shadowRoot, fontUrl) {
-	const existing = shadowRoot.getElementById?.(LINK_ID);
+	const ownerDocument = shadowRoot.ownerDocument ?? document;
+	const existing = ownerDocument.head.querySelector(`link#${LINK_ID}`);
 	if (!fontUrl) {
 		existing?.remove();
 		return;
 	}
-	if (existing && existing.href === fontUrl) return;
-	existing?.remove();
-	const link = (shadowRoot.ownerDocument ?? document).createElement("link");
+	const link = existing ?? ownerDocument.createElement("link");
 	link.id = LINK_ID;
 	link.rel = "stylesheet";
-	link.href = fontUrl;
-	shadowRoot.prepend(link);
+	if (link.href !== fontUrl) link.href = fontUrl;
+	if (!existing) ownerDocument.head.appendChild(link);
 }
 //#endregion
 //#region src/internal/escape-html.ts
@@ -1823,8 +1828,9 @@ const en = {
 	"identifier.description": "Enter your email to continue",
 	"identifier.field.email": "Work email",
 	"identifier.field.email.placeholder": "you@company.com",
-	"identifier.action.submit": "Continue",
-	"identifier.action.continue": "Continue",
+	"identifier.field.password": "Password",
+	"identifier.action.submit": "Sign in",
+	"identifier.action.continue": "Sign in",
 	"identifier.action.passkey": "Sign in with a passkey",
 	"identifier.action.register.lead": "Don't have an account? ",
 	"identifier.action.register.link": "Sign up",
@@ -1873,7 +1879,7 @@ const en = {
 	"password.action.register.lead": "Don't have an account? ",
 	"password.action.register.link": "Sign up",
 	"register.title": "Create your account",
-	"register.description": "Enter your email to get started",
+	"register.description": "",
 	"register.field.email": "Work email",
 	"register.field.email.placeholder": "you@company.com",
 	"register.field.password": "Password",
@@ -1881,8 +1887,10 @@ const en = {
 	"register.field.givenName": "Given name",
 	"register.field.familyName": "Family name",
 	"register.field.dateOfBirth": "Date of birth",
+	"register.field.dateOfBirth.placeholder": "YYYY-MM-DD",
+	"register.field.dateOfBirth.help": "Use YYYY-MM-DD.",
 	"register.action.password": "Continue with password",
-	"register.action.passkey": "Register with a passkey",
+	"register.action.passkey": "Continue with a passkey",
 	"register.action.submit": "Sign up",
 	"register.action.sign_in.lead": "Already have an account? ",
 	"register.action.sign_in.link": "Sign in",
@@ -1921,8 +1929,9 @@ const de = {
 	"identifier.description": "Gib deine E-Mail-Adresse ein, um fortzufahren",
 	"identifier.field.email": "E-Mail",
 	"identifier.field.email.placeholder": "du@unternehmen.com",
-	"identifier.action.submit": "Weiter",
-	"identifier.action.continue": "Weiter",
+	"identifier.field.password": "Passwort",
+	"identifier.action.submit": "Anmelden",
+	"identifier.action.continue": "Anmelden",
 	"identifier.action.passkey": "Mit Passkey anmelden",
 	"identifier.action.register.lead": "Noch kein Konto? ",
 	"identifier.action.register.link": "Registrieren",
@@ -1971,13 +1980,18 @@ const de = {
 	"password.action.register.lead": "Noch kein Konto? ",
 	"password.action.register.link": "Registrieren",
 	"register.title": "Konto erstellen",
-	"register.description": "Gib deine E-Mail-Adresse ein, um loszulegen",
+	"register.description": "",
 	"register.field.email": "E-Mail",
 	"register.field.email.placeholder": "du@unternehmen.com",
 	"register.field.password": "Passwort",
 	"register.field.password.help": "Mindestens 8 Zeichen, einschließlich eines Sonderzeichens und einer Zahl.",
+	"register.field.givenName": "Vorname",
+	"register.field.familyName": "Nachname",
+	"register.field.dateOfBirth": "Geburtsdatum",
+	"register.field.dateOfBirth.placeholder": "JJJJ-MM-TT",
+	"register.field.dateOfBirth.help": "Verwende JJJJ-MM-TT.",
 	"register.action.password": "Mit Passwort fortfahren",
-	"register.action.passkey": "Mit Passkey registrieren",
+	"register.action.passkey": "Weiter mit Passkey",
 	"register.action.submit": "Registrieren",
 	"register.action.sign_in.lead": "Bereits ein Konto? ",
 	"register.action.sign_in.link": "Anmelden",
@@ -2015,8 +2029,9 @@ const it = {
 	"identifier.description": "Inserisci la tua e-mail per continuare",
 	"identifier.field.email": "E-mail aziendale",
 	"identifier.field.email.placeholder": "tu@azienda.com",
-	"identifier.action.submit": "Continua",
-	"identifier.action.continue": "Continua",
+	"identifier.field.password": "Password",
+	"identifier.action.submit": "Accedi",
+	"identifier.action.continue": "Accedi",
 	"identifier.action.passkey": "Accedi con passkey",
 	"identifier.action.register.lead": "Non hai un account? ",
 	"identifier.action.register.link": "Registrati",
@@ -2065,13 +2080,18 @@ const it = {
 	"password.action.register.lead": "Non hai un account? ",
 	"password.action.register.link": "Registrati",
 	"register.title": "Crea il tuo account",
-	"register.description": "Inserisci la tua e-mail per iniziare",
+	"register.description": "",
 	"register.field.email": "E-mail aziendale",
 	"register.field.email.placeholder": "tu@azienda.com",
 	"register.field.password": "Password",
 	"register.field.password.help": "Almeno 8 caratteri, incluso un simbolo e un numero.",
+	"register.field.givenName": "Nome",
+	"register.field.familyName": "Cognome",
+	"register.field.dateOfBirth": "Data di nascita",
+	"register.field.dateOfBirth.placeholder": "AAAA-MM-GG",
+	"register.field.dateOfBirth.help": "Usa AAAA-MM-GG.",
 	"register.action.password": "Continua con password",
-	"register.action.passkey": "Registrati con passkey",
+	"register.action.passkey": "Continua con passkey",
 	"register.action.submit": "Registrati",
 	"register.action.sign_in.lead": "Hai già un account? ",
 	"register.action.sign_in.link": "Accedi",
@@ -3340,4 +3360,4 @@ function fillTemplateTokens(fragment, name, email, initial) {
 //#endregion
 export { buildBrandingStylesheet as _, createSanitiser as a, startFlow as b, de as c, MANDATORY_GATES_MARKER as d, mandatoryGatesMarkerComment as f, applyBrandingTokens as g, validateBranding as h, layout_chrome_default as i, en as l, applyFontUrl as m, ZitadelLogin as n, builtinLocales as o, patchMandatoryGates as p, ThemeController as r, it as s, ZitadelLogout as t, TEMPLATE_NAMES as u, resolveTheme as v, submitStep as x, getCurrentStep as y };
 
-//# sourceMappingURL=orchestrator-DGp8rCN7.mjs.map
+//# sourceMappingURL=orchestrator-e33w1C7V.mjs.map