igniteui-theming 27.3.0 → 27.4.0

package/dist/mcp/tools/handlers/typography.js

@@ -1,11 +1,44 @@
 import { PLATFORM_METADATA } from "../../knowledge/platforms/index.js";
 import { SASS_USE_ASSEMBLY_NOTE } from "../../utils/sass.js";
 import { generateTypography } from "../../generators/sass.js";
+import { formatCssOutput, generateTypographyCss } from "../../generators/css.js";
 //#region src/tools/handlers/typography.ts
 /**
 * Handler for create_typography tool.
 */
-function handleCreateTypography(params) {
+async function handleCreateTypography(params) {
+	if ((params.output ?? (params.platform === "angular" ? "sass" : "css")) === "css") return handleCssOutput(params);
+	return handleSassOutput(params);
+}
+async function handleCssOutput(params) {
+	try {
+		const result = await generateTypographyCss({
+			fontFamily: params.fontFamily,
+			designSystem: params.designSystem
+		});
+		const formattedCss = formatCssOutput(result.css, result.description);
+		const responseParts = [result.description];
+		responseParts.push("");
+		responseParts.push("Output format: CSS custom properties");
+		responseParts.push("");
+		responseParts.push("```css");
+		responseParts.push(formattedCss.trimEnd());
+		responseParts.push("```");
+		return { content: [{
+			type: "text",
+			text: responseParts.join("\n")
+		}] };
+	} catch (error) {
+		return {
+			content: [{
+				type: "text",
+				text: `**Error generating CSS typography**\n\n${error instanceof Error ? error.message : String(error)}`
+			}],
+			isError: true
+		};
+	}
+}
+function handleSassOutput(params) {
 	const result = generateTypography({
 		platform: params.platform,
 		licensed: params.licensed,

package/dist/mcp/tools/schemas.d.ts

@@ -156,12 +156,14 @@ export declare const createTypographySchema: z.ZodObject<{
         marginBottom?: string | undefined;
     }>>>;
     name: z.ZodOptional<z.ZodString>;
+    output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     fontFamily: string;
     designSystem?: "material" | "bootstrap" | "fluent" | "indigo" | undefined;
     platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
+    output?: "sass" | "css" | undefined;
     customScale?: Record<string, {
         fontSize?: string | undefined;
         fontWeight?: string | number | undefined;
@@ -178,6 +180,7 @@ export declare const createTypographySchema: z.ZodObject<{
     platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
+    output?: "sass" | "css" | undefined;
     customScale?: Record<string, {
         fontSize?: string | undefined;
         fontWeight?: string | number | undefined;
@@ -197,16 +200,19 @@ export declare const createElevationsSchema: z.ZodObject<{
     licensed: z.ZodOptional<z.ZodBoolean>;
     designSystem: z.ZodOptional<z.ZodEnum<["material", "indigo"]>>;
     name: z.ZodOptional<z.ZodString>;
+    output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     designSystem?: "material" | "indigo" | undefined;
     platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
+    output?: "sass" | "css" | undefined;
 }, {
     designSystem?: "material" | "indigo" | undefined;
     platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
+    output?: "sass" | "css" | undefined;
 }>;
 /**
  * Schema for create_theme tool.
@@ -224,6 +230,7 @@ export declare const createThemeSchema: z.ZodObject<{
     includeTypography: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     includeElevations: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
     includeSpacing: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
+    output: z.ZodOptional<z.ZodEnum<["sass", "css"]>>;
 }, "strip", z.ZodTypeAny, {
     includeTypography: boolean;
     includeElevations: boolean;
@@ -237,6 +244,7 @@ export declare const createThemeSchema: z.ZodObject<{
     platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
+    output?: "sass" | "css" | undefined;
 }, {
     primaryColor: string;
     secondaryColor: string;
@@ -250,6 +258,7 @@ export declare const createThemeSchema: z.ZodObject<{
     platform?: "angular" | "webcomponents" | "react" | "blazor" | "generic" | undefined;
     name?: string | undefined;
     licensed?: boolean | undefined;
+    output?: "sass" | "css" | undefined;
 }>;
 /**
  * Type exports inferred from schemas.

package/dist/mcp/tools/schemas.js

@@ -83,7 +83,8 @@ var createTypographySchema = z.object({
 	fontFamily: z.string().describe(PARAM_DESCRIPTIONS.fontFamily),
 	designSystem: designSystemSchema.describe(PARAM_DESCRIPTIONS.designSystem),
 	customScale: z.record(typeStyleSchema).optional().describe(PARAM_DESCRIPTIONS.customScale),
-	name: z.string().optional().describe(PARAM_DESCRIPTIONS.name)
+	name: z.string().optional().describe(PARAM_DESCRIPTIONS.name),
+	output: outputFormatSchema.describe(PARAM_DESCRIPTIONS.output)
 });
 /**
 * Schema for create_elevations tool.
@@ -92,7 +93,8 @@ var createElevationsSchema = z.object({
 	platform: platformSchema,
 	licensed: licensedSchema,
 	designSystem: elevationPresetSchema.describe(PARAM_DESCRIPTIONS.elevationPreset),
-	name: z.string().optional().describe(PARAM_DESCRIPTIONS.name)
+	name: z.string().optional().describe(PARAM_DESCRIPTIONS.name),
+	output: outputFormatSchema.describe(PARAM_DESCRIPTIONS.output)
 });
 /**
 * Schema for create_theme tool.
@@ -109,7 +111,8 @@ var createThemeSchema = z.object({
 	fontFamily: z.string().optional().describe(PARAM_DESCRIPTIONS.fontFamily),
 	includeTypography: z.boolean().optional().default(true).describe(PARAM_DESCRIPTIONS.includeTypography),
 	includeElevations: z.boolean().optional().default(true).describe(PARAM_DESCRIPTIONS.includeElevations),
-	includeSpacing: z.boolean().optional().default(true).describe(PARAM_DESCRIPTIONS.includeSpacing)
+	includeSpacing: z.boolean().optional().default(true).describe(PARAM_DESCRIPTIONS.includeSpacing),
+	output: outputFormatSchema.describe(PARAM_DESCRIPTIONS.output)
 });
 /**
 * All chromatic shade levels combined for schema validation.