veo-sdk 0.6.1 → 0.6.2

package/dist/{guide-preview-DylsEhrg.d.ts → guide-preview-DEFhfA4o.d.ts}

@@ -207,6 +207,119 @@ interface StepBlock {
      */
     editorId?: string | null;
 }
+interface GuideThemeText {
+    color: string;
+    /** CSS font-family, o `inherit` (fuente de la app) / `app-heading` (la de sus encabezados). */
+    fontFamily: string;
+    fontWeight: number;
+    fontSize: number;
+    align: 'left' | 'center' | 'right';
+}
+interface GuideThemeBox {
+    /** Solo el modal flotante; el embebido no tiene fondo propio. */
+    background?: string;
+    padding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    borderColor: string;
+    borderWidth: number;
+    borderRadius: number;
+    shadowColor: string;
+    shadow: 'none' | 'soft' | 'medium' | 'strong';
+    align: 'left' | 'center' | 'right' | 'distribute';
+    valign: 'top' | 'center' | 'bottom';
+}
+/** Botón del tema (pestaña Botones). Colores ya resueltos a hex por el backend. */
+interface GuideThemeButton {
+    /** Dónde se ubica el botón en su fila. */
+    align: 'left' | 'center' | 'right';
+    padding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    /** Hex o `transparent`. */
+    background: string;
+    color: string;
+    fontWeight: number;
+    fontSize: number;
+    borderColor: string;
+    borderWidth: number;
+    borderRadius: number;
+}
+/** Tooltip del tema: pasos anclados a un elemento y badges. */
+interface GuideThemeTooltip {
+    text: {
+        primary: GuideThemeText;
+        secondary: GuideThemeText;
+    };
+    background: string;
+    padding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    borderColor?: string;
+    borderWidth?: number;
+    borderRadius?: number;
+    shadowColor?: string;
+    shadow?: 'none' | 'soft' | 'medium' | 'strong';
+}
+/** Formulario del tema: bloques de encuesta. */
+interface GuideThemeForm {
+    text: {
+        primary: GuideThemeText;
+        secondary: GuideThemeText;
+    };
+    background: string;
+    accent: string;
+    /** Texto legible sobre `accent`. */
+    onAccent: string;
+    padding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    borderColor?: string;
+    borderWidth?: number;
+    borderRadius?: number;
+    shadowColor?: string;
+    shadow?: 'none' | 'soft' | 'medium' | 'strong';
+}
+interface GuideThemeMode {
+    colors: {
+        accent: string;
+        text: string;
+        textMuted: string;
+        background: string;
+        border: string;
+    };
+    /** Opcional: un backend anterior a la pestaña Formulario no lo manda. */
+    form?: GuideThemeForm;
+    /** Opcional: un backend anterior a la pestaña Tooltip no lo manda. */
+    tooltip?: GuideThemeTooltip;
+    /** Opcional: un backend anterior a la pestaña Botones no lo manda. */
+    buttons?: {
+        primary?: GuideThemeButton;
+        secondary?: GuideThemeButton;
+        /** El preset «link» del bloque botón. */
+        tertiary?: GuideThemeButton;
+    };
+    text: {
+        title: GuideThemeText;
+        subtitle: GuideThemeText;
+        paragraph: GuideThemeText;
+    };
+    overlay: GuideThemeBox;
+    embedded: GuideThemeBox;
+}
+type GuideTheme = Record<'light' | 'dark', GuideThemeMode>;
 interface GuideStep {
     title: string;
     content: string;
@@ -256,6 +369,8 @@ interface PreviewGuideInput {
     activationRules?: Partial<ActivationRules>;
     /** Nombre mostrado (p.ej. en el `title` del iframe de guías `custom`). */
     guideName?: string;
+    /** Tema del workspace (design system) ya resuelto; lo manda el editor del dashboard. */
+    theme?: GuideTheme | null;
     /**
      * Solo walkthrough: paso inicial a mostrar (default 0). Lo usa el editor del
      * dashboard para que la preview salte al paso que se está editando.