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

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

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 (947) hide show

package/dist/esm/grid/templates/grid-normal.mjs CHANGED Viewed

@@ -3600,12 +3600,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,
@@ -3636,7 +3640,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 }) })
     }
@@ -3753,7 +3758,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/templates/grid-with-column-menu.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/templates/grid-with-edit-row.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/templates/grid-with-filter-menu.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/templates/grid-with-filter-row.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/templates/grid-with-grouping.mjs CHANGED Viewed

@@ -3834,12 +3834,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states48 = [
   States.disabled
 ];
-var options43 = {};
+var options43 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions43 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions43.size,
     palette,
     columns = defaultOptions43.columns,
     tileSize,
@@ -3870,7 +3874,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx149("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx149("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3987,7 +3992,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx151("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx151(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx151(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx151("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx151(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx151(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs55(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx151(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx151(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/templates/grid-with-locked-columns.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/templates/grid-with-multicolumn-headers.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/templates/grid-with-row-reordering.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/templates/grid-with-selection-aggregates.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/templates/grid-with-sticky-columns.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-adaptive-pager.mjs CHANGED Viewed

@@ -3477,12 +3477,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,
@@ -3513,7 +3517,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 }) })
     }
@@ -3630,7 +3635,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-adaptive-search.mjs CHANGED Viewed

@@ -3465,12 +3465,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,
@@ -3501,7 +3505,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 }) })
     }
@@ -3618,7 +3623,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-angular.mjs CHANGED Viewed

@@ -3653,12 +3653,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,
@@ -3689,7 +3693,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx141("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx141("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3806,7 +3811,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx143("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx143(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx143(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx143("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx143(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx143(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs53(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx143(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx143(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/grid/tests/grid-column-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-column-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" })