igniteui-theming 26.1.0 → 27.0.0

package/dist/json/components/themes.json

@@ -2499,7 +2499,7 @@
     "description": "Column Actions Theme",
     "primaryTokens": [
       {
-        "name": "background-color",
+        "name": "background",
         "description": "The background color of the panel."
       }
     ],
@@ -2508,12 +2508,22 @@
       {
         "name": "title-color",
         "type": "Color",
-        "description": "The text color used for the title of the list. Auto-derived from background-color."
+        "description": "The text color used for the title of the list. Auto-derived from foreground."
       },
       {
-        "name": "background-color",
+        "name": "background",
+        "type": "Color",
+        "description": "The background color of the panel. PRIMARY - derives foreground and title-color."
+      },
+      {
+        "name": "foreground",
         "type": "Color",
-        "description": "The background color of the panel. PRIMARY - derives title-color.\n"
+        "description": "The foreground color for content and icons in the panel. Auto-derived from background."
+      },
+      {
+        "name": "accent-color",
+        "type": "Color",
+        "description": "The accent color used for highlights or active states in the panel.\n"
       }
     ]
   },
@@ -3156,6 +3166,97 @@
       }
     ]
   },
+  "excel-filtering": {
+    "name": "excel-filtering",
+    "themeFunctionName": "excel-filtering-theme",
+    "description": "Excel Filtering Theme",
+    "primaryTokens": [
+      {
+        "name": "background",
+        "description": "The background color for the excel filtering area."
+      },
+      {
+        "name": "foreground",
+        "description": "The foreground/text color for the excel filtering area."
+      },
+      {
+        "name": "accent-color",
+        "description": "The accent color for the excel filtering area and its internal components."
+      }
+    ],
+    "tokens": [
+      {
+        "name": "background",
+        "type": "Color",
+        "description": "The background color for the excel filtering area."
+      },
+      {
+        "name": "foreground",
+        "type": "Color",
+        "description": "The foreground/text color for the excel filtering area."
+      },
+      {
+        "name": "accent-color",
+        "type": "Color",
+        "description": "The accent color for the excel filtering and its internal components."
+      },
+      {
+        "name": "secondary-background",
+        "type": "Color",
+        "description": "The secondary background color for the excel filtering area."
+      },
+      {
+        "name": "header-foreground",
+        "type": "Color",
+        "description": "The excel filtering header text color."
+      },
+      {
+        "name": "subheader-foreground",
+        "type": "Color",
+        "description": "The excel filtering subheader text color."
+      },
+      {
+        "name": "actions-foreground",
+        "type": "Color",
+        "description": "The excel filtering actions text color."
+      },
+      {
+        "name": "actions-icon-color",
+        "type": "Color",
+        "description": "The excel filtering actions icon color."
+      },
+      {
+        "name": "actions-hover-foreground",
+        "type": "Color",
+        "description": "The excel filtering actions hover text color."
+      },
+      {
+        "name": "actions-hover-icon-color",
+        "type": "Color",
+        "description": "The excel filtering actions hover icon color."
+      },
+      {
+        "name": "actions-selected-icon-color",
+        "type": "Color",
+        "description": "The excel filtering actions selected icon color."
+      },
+      {
+        "name": "actions-hover-background",
+        "type": "Color",
+        "description": "The excel filtering actions hover background color."
+      },
+      {
+        "name": "actions-disabled-foreground",
+        "type": "Color",
+        "description": "The excel filtering actions disabled text color."
+      },
+      {
+        "name": "border-color",
+        "type": "Color",
+        "description": "The border color used in the excel style filter."
+      }
+    ]
+  },
   "grid-summary": {
     "name": "grid-summary",
     "themeFunctionName": "grid-summary-theme",
@@ -3691,8 +3792,16 @@
     "description": "Grid Toolbar Theme",
     "primaryTokens": [
       {
-        "name": "background-color",
-        "description": "The toolbar background color."
+        "name": "background",
+        "description": "The toolbar background and drop-down background color."
+      },
+      {
+        "name": "foreground",
+        "description": "The toolbar title and drop-down item text color."
+      },
+      {
+        "name": "accent-color",
+        "description": "The accent color used to derive interactive item backgrounds."
       },
       {
         "name": "dropdown-background",
@@ -3710,14 +3819,24 @@
     "primaryTokensSummary": "Derived colors are auto-calculated for contrast.",
     "tokens": [
       {
-        "name": "background-color",
+        "name": "background",
         "type": "Color",
-        "description": "The toolbar background color. PRIMARY - derives title-text-color."
+        "description": "The toolbar background and drop-down background color. PRIMARY - derives title-text-color and dropdown-background."
+      },
+      {
+        "name": "foreground",
+        "type": "Color",
+        "description": "The toolbar title and drop-down item text color. PRIMARY - derives title-text-color and item-text-color."
+      },
+      {
+        "name": "accent-color",
+        "type": "Color",
+        "description": "The accent color used to derive interactive item backgrounds."
       },
       {
         "name": "title-text-color",
         "type": "Color",
-        "description": "The toolbar title text color. Auto-derived from background-color."
+        "description": "The toolbar title text color. Auto-derived from background."
       },
       {
         "name": "dropdown-background",
@@ -3749,6 +3868,11 @@
         "type": "Color",
         "description": "The toolbar drop-down item focus text color. Auto-derived from dropdown-background or item-focus-background."
       },
+      {
+        "name": "size",
+        "type": "List",
+        "description": "The size used for the grid toolbar min-height."
+      },
       {
         "name": "border-color",
         "type": "Color",
@@ -5289,26 +5413,31 @@
     "description": "Paginator Theme",
     "primaryTokens": [
       {
-        "name": "background-color",
+        "name": "background",
         "description": "The paginator background."
       }
     ],
     "primaryTokensSummary": "Derived colors are auto-calculated for contrast.",
     "tokens": [
       {
-        "name": "text-color",
+        "name": "foreground",
         "type": "Color",
-        "description": "The text color. Auto-derived from background-color."
+        "description": "The text color. Auto-derived from background."
       },
       {
-        "name": "background-color",
+        "name": "background",
         "type": "Color",
-        "description": "The background color of the paging panel. PRIMARY - derives text-color."
+        "description": "The background color of the paging panel. PRIMARY - derives foreground."
       },
       {
         "name": "border-color",
         "type": "Color",
         "description": "The border color of the paging panel."
+      },
+      {
+        "name": "accent-color",
+        "type": "Color",
+        "description": "The accent color used for paginator interactive elements."
       }
     ]
   },
@@ -5452,6 +5581,16 @@
         "type": "Color",
         "description": "The background color of the filtering row. PRIMARY - derives label-foreground, header-background."
       },
+      {
+        "name": "foreground",
+        "type": "Color",
+        "description": "The foreground color for text and icons in the query builder."
+      },
+      {
+        "name": "accent-color",
+        "type": "Color",
+        "description": "The accent color for highlights and interactive elements in the query builder."
+      },
       {
         "name": "header-background",
         "type": "Color",

package/dist/mcp/index.js

@@ -33,7 +33,7 @@ import { z } from "zod";
 function createServer() {
 	const server = new McpServer({
 		name: "igniteui-theming",
-		version: "v26.1.0",
+		version: "v27.0.0",
 		description: "Generate Sass theming code for Ignite UI components - create palettes, typography, elevations, and complete themes"
 	});
 	registerTools(server);

package/dist/mcp/theming/dist/json/components/themes.js

@@ -1503,25 +1503,30 @@ var paginator = {
 	"themeFunctionName": "paginator-theme",
 	"description": "Paginator Theme",
 	"primaryTokens": [{
-		"name": "background-color",
+		"name": "background",
 		"description": "The paginator background."
 	}],
 	"primaryTokensSummary": "Derived colors are auto-calculated for contrast.",
 	"tokens": [
 		{
-			"name": "text-color",
+			"name": "foreground",
 			"type": "Color",
-			"description": "The text color. Auto-derived from background-color."
+			"description": "The text color. Auto-derived from background."
 		},
 		{
-			"name": "background-color",
+			"name": "background",
 			"type": "Color",
-			"description": "The background color of the paging panel. PRIMARY - derives text-color."
+			"description": "The background color of the paging panel. PRIMARY - derives foreground."
 		},
 		{
 			"name": "border-color",
 			"type": "Color",
 			"description": "The border color of the paging panel."
+		},
+		{
+			"name": "accent-color",
+			"type": "Color",
+			"description": "The accent color used for paginator interactive elements."
 		}
 	]
 };
@@ -3669,19 +3674,32 @@ var themes_default = {
 		"themeFunctionName": "column-actions-theme",
 		"description": "Column Actions Theme",
 		"primaryTokens": [{
-			"name": "background-color",
+			"name": "background",
 			"description": "The background color of the panel."
 		}],
 		"primaryTokensSummary": "Derived colors are auto-calculated for contrast.",
-		"tokens": [{
-			"name": "title-color",
-			"type": "Color",
-			"description": "The text color used for the title of the list. Auto-derived from background-color."
-		}, {
-			"name": "background-color",
-			"type": "Color",
-			"description": "The background color of the panel. PRIMARY - derives title-color.\n"
-		}]
+		"tokens": [
+			{
+				"name": "title-color",
+				"type": "Color",
+				"description": "The text color used for the title of the list. Auto-derived from foreground."
+			},
+			{
+				"name": "background",
+				"type": "Color",
+				"description": "The background color of the panel. PRIMARY - derives foreground and title-color."
+			},
+			{
+				"name": "foreground",
+				"type": "Color",
+				"description": "The foreground color for content and icons in the panel. Auto-derived from background."
+			},
+			{
+				"name": "accent-color",
+				"type": "Color",
+				"description": "The accent color used for highlights or active states in the panel.\n"
+			}
+		]
 	},
 	combo,
 	"date-range-picker": {
@@ -4086,6 +4104,97 @@ var themes_default = {
 		]
 	},
 	accordion,
+	"excel-filtering": {
+		"name": "excel-filtering",
+		"themeFunctionName": "excel-filtering-theme",
+		"description": "Excel Filtering Theme",
+		"primaryTokens": [
+			{
+				"name": "background",
+				"description": "The background color for the excel filtering area."
+			},
+			{
+				"name": "foreground",
+				"description": "The foreground/text color for the excel filtering area."
+			},
+			{
+				"name": "accent-color",
+				"description": "The accent color for the excel filtering area and its internal components."
+			}
+		],
+		"tokens": [
+			{
+				"name": "background",
+				"type": "Color",
+				"description": "The background color for the excel filtering area."
+			},
+			{
+				"name": "foreground",
+				"type": "Color",
+				"description": "The foreground/text color for the excel filtering area."
+			},
+			{
+				"name": "accent-color",
+				"type": "Color",
+				"description": "The accent color for the excel filtering and its internal components."
+			},
+			{
+				"name": "secondary-background",
+				"type": "Color",
+				"description": "The secondary background color for the excel filtering area."
+			},
+			{
+				"name": "header-foreground",
+				"type": "Color",
+				"description": "The excel filtering header text color."
+			},
+			{
+				"name": "subheader-foreground",
+				"type": "Color",
+				"description": "The excel filtering subheader text color."
+			},
+			{
+				"name": "actions-foreground",
+				"type": "Color",
+				"description": "The excel filtering actions text color."
+			},
+			{
+				"name": "actions-icon-color",
+				"type": "Color",
+				"description": "The excel filtering actions icon color."
+			},
+			{
+				"name": "actions-hover-foreground",
+				"type": "Color",
+				"description": "The excel filtering actions hover text color."
+			},
+			{
+				"name": "actions-hover-icon-color",
+				"type": "Color",
+				"description": "The excel filtering actions hover icon color."
+			},
+			{
+				"name": "actions-selected-icon-color",
+				"type": "Color",
+				"description": "The excel filtering actions selected icon color."
+			},
+			{
+				"name": "actions-hover-background",
+				"type": "Color",
+				"description": "The excel filtering actions hover background color."
+			},
+			{
+				"name": "actions-disabled-foreground",
+				"type": "Color",
+				"description": "The excel filtering actions disabled text color."
+			},
+			{
+				"name": "border-color",
+				"type": "Color",
+				"description": "The border color used in the excel style filter."
+			}
+		]
+	},
 	"grid-summary": {
 		"name": "grid-summary",
 		"themeFunctionName": "grid-summary-theme",
@@ -4148,8 +4257,16 @@ var themes_default = {
 		"description": "Grid Toolbar Theme",
 		"primaryTokens": [
 			{
-				"name": "background-color",
-				"description": "The toolbar background color."
+				"name": "background",
+				"description": "The toolbar background and drop-down background color."
+			},
+			{
+				"name": "foreground",
+				"description": "The toolbar title and drop-down item text color."
+			},
+			{
+				"name": "accent-color",
+				"description": "The accent color used to derive interactive item backgrounds."
 			},
 			{
 				"name": "dropdown-background",
@@ -4167,14 +4284,24 @@ var themes_default = {
 		"primaryTokensSummary": "Derived colors are auto-calculated for contrast.",
 		"tokens": [
 			{
-				"name": "background-color",
+				"name": "background",
+				"type": "Color",
+				"description": "The toolbar background and drop-down background color. PRIMARY - derives title-text-color and dropdown-background."
+			},
+			{
+				"name": "foreground",
 				"type": "Color",
-				"description": "The toolbar background color. PRIMARY - derives title-text-color."
+				"description": "The toolbar title and drop-down item text color. PRIMARY - derives title-text-color and item-text-color."
+			},
+			{
+				"name": "accent-color",
+				"type": "Color",
+				"description": "The accent color used to derive interactive item backgrounds."
 			},
 			{
 				"name": "title-text-color",
 				"type": "Color",
-				"description": "The toolbar title text color. Auto-derived from background-color."
+				"description": "The toolbar title text color. Auto-derived from background."
 			},
 			{
 				"name": "dropdown-background",
@@ -4206,6 +4333,11 @@ var themes_default = {
 				"type": "Color",
 				"description": "The toolbar drop-down item focus text color. Auto-derived from dropdown-background or item-focus-background."
 			},
+			{
+				"name": "size",
+				"type": "List",
+				"description": "The size used for the grid toolbar min-height."
+			},
 			{
 				"name": "border-color",
 				"type": "Color",
@@ -5483,6 +5615,16 @@ var themes_default = {
 				"type": "Color",
 				"description": "The background color of the filtering row. PRIMARY - derives label-foreground, header-background."
 			},
+			{
+				"name": "foreground",
+				"type": "Color",
+				"description": "The foreground color for text and icons in the query builder."
+			},
+			{
+				"name": "accent-color",
+				"type": "Color",
+				"description": "The accent color for highlights and interactive elements in the query builder."
+			},
 			{
 				"name": "header-background",
 				"type": "Color",