npm - @progress/kendo-themes-html - Versions diffs - 10.1.1-dev.1 → 10.2.0-dev.1 - Mend

@progress/kendo-themes-html 10.1.1-dev.1 → 10.2.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (951) hide show

package/dist/esm/grid/tests/grid-column-menu-rtl.mjs CHANGED Viewed

@@ -4602,12 +4602,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions58 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions58.size,
     palette,
     columns = defaultOptions58.columns,
     tileSize,
@@ -4638,7 +4642,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx180("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx180("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5159,7 +5164,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs83(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx192(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx192(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-column-menu-tabbed.mjs CHANGED Viewed

@@ -4587,12 +4587,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions58 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions58.size,
     palette,
     columns = defaultOptions58.columns,
     tileSize,
@@ -4623,7 +4627,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx180("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx180("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5144,7 +5149,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs83(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx192(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx192(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-column-menu.mjs CHANGED Viewed

@@ -4602,12 +4602,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions58 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions58.size,
     palette,
     columns = defaultOptions58.columns,
     tileSize,
@@ -4638,7 +4642,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx180("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx180("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5159,7 +5164,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs83(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx192(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx192(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-column-reordering-actions.mjs CHANGED Viewed

@@ -4569,12 +4569,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions58 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions58.size,
     palette,
     columns = defaultOptions58.columns,
     tileSize,
@@ -4605,7 +4609,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx180("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx180("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5126,7 +5131,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs83(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx192(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx192(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-column-resizing-actions.mjs CHANGED Viewed

@@ -4109,12 +4109,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states55 = [
   States.disabled
 ];
-var options52 = {};
+var options52 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions50 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions50.size,
     palette,
     columns = defaultOptions50.columns,
     tileSize,
@@ -4145,7 +4149,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx160("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx160("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4666,7 +4671,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx172("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx172(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx172(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx172("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx172(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx172(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs72(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx172(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx172(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-editing-custom-editor.mjs CHANGED Viewed

@@ -4895,12 +4895,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states63 = [
   States.disabled
 ];
-var options61 = {};
+var options61 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions60 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions60.size,
     palette,
     columns = defaultOptions60.columns,
     tileSize,
@@ -4931,7 +4935,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx186("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx186("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5396,7 +5401,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx197("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx197(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx197(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx197("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx197(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx197(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs87(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx197(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx197(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-editing-inline-angular.mjs CHANGED Viewed

@@ -3565,12 +3565,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states45 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions40 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions40.size,
     palette,
     columns = defaultOptions40.columns,
     tileSize,
@@ -3601,7 +3605,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx137("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx137("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3718,7 +3723,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx139(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx139(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-editing-inline-blazor.mjs CHANGED Viewed

@@ -3565,12 +3565,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states45 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions40 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions40.size,
     palette,
     columns = defaultOptions40.columns,
     tileSize,
@@ -3601,7 +3605,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx137("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx137("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3718,7 +3723,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx139(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx139(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-editing-popup.mjs CHANGED Viewed

@@ -4109,12 +4109,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states55 = [
   States.disabled
 ];
-var options52 = {};
+var options52 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions50 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions50.size,
     palette,
     columns = defaultOptions50.columns,
     tileSize,
@@ -4145,7 +4149,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx160("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx160("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4666,7 +4671,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx172("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx172(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx172(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx172("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx172(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx172(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs72(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx172(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx172(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-editing.mjs CHANGED Viewed

@@ -3646,12 +3646,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states46 = [
   States.disabled
 ];
-var options41 = {};
+var options41 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions41 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions41.size,
     palette,
     columns = defaultOptions41.columns,
     tileSize,
@@ -3682,7 +3686,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx140("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx140("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3799,7 +3804,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx142("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx142(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx142(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx142("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx142(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx142(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs54(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx142(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx142(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-filter-menu-angular.mjs CHANGED Viewed

@@ -3577,12 +3577,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states45 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions40 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions40.size,
     palette,
     columns = defaultOptions40.columns,
     tileSize,
@@ -3613,7 +3617,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx137("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx137("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3730,7 +3735,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx139(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx139(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-filter-menu-blazor.mjs CHANGED Viewed

@@ -3577,12 +3577,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states45 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions40 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions40.size,
     palette,
     columns = defaultOptions40.columns,
     tileSize,
@@ -3613,7 +3617,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx137("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx137("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3730,7 +3735,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx139(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx139(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-filter-row-angular.mjs CHANGED Viewed

@@ -3577,12 +3577,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states45 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions40 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions40.size,
     palette,
     columns = defaultOptions40.columns,
     tileSize,
@@ -3613,7 +3617,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx137("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx137("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3730,7 +3735,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx139(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx139(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-filter-row-blazor.mjs CHANGED Viewed

@@ -3577,12 +3577,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states45 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions40 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions40.size,
     palette,
     columns = defaultOptions40.columns,
     tileSize,
@@ -3613,7 +3617,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx137("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx137("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3730,7 +3735,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx139("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx139(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx139(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx139(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx139(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-filter-row.mjs CHANGED Viewed

@@ -2854,12 +2854,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states38 = [
   States.disabled
 ];
-var options36 = {};
+var options36 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions35 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions35.size,
     palette,
     columns = defaultOptions35.columns,
     tileSize,
@@ -2890,7 +2894,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx106("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx106("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3007,7 +3012,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx108("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx108(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx108(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx108("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx108(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx108(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs49(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx108(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx108(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-grouping-actions.mjs CHANGED Viewed

@@ -4599,12 +4599,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions58 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions58.size,
     palette,
     columns = defaultOptions58.columns,
     tileSize,
@@ -4635,7 +4639,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx180("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx180("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5156,7 +5161,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx192("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx192(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx192(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs83(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx192(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx192(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })