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/cjs/grid/tests/grid-column-menu-angular.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-column-menu-blazor.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-column-menu-rtl.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-column-menu-tabbed.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-column-menu.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-column-reordering-actions.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-column-resizing-actions.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-editing-custom-editor.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-editing-inline-angular.js 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__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3753,7 +3758,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/grid/tests/grid-editing-inline-blazor.js 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__ */ (0, import_jsx_runtime137.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3753,7 +3758,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/grid/tests/grid-editing-popup.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-editing.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-filter-menu-angular.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-filter-menu-blazor.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-filter-row-angular.js CHANGED Viewed

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

package/dist/cjs/grid/tests/grid-filter-row-blazor.js CHANGED Viewed

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