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/column-menu/templates/column-menu-tabbed.js CHANGED Viewed

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

package/dist/cjs/column-menu/templates/filter-menu-multi-check.js CHANGED Viewed

@@ -4610,12 +4610,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,
@@ -4646,7 +4650,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 }) })
     }
@@ -5167,7 +5172,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/column-menu/templates/filter-menu-normal.js CHANGED Viewed

@@ -4577,12 +4577,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,
@@ -4613,7 +4617,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 }) })
     }
@@ -5134,7 +5139,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/column-menu/tests/column-menu-rtl.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/column-menu/tests/column-menu-tabbed.js CHANGED Viewed

@@ -4589,12 +4589,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,
@@ -4625,7 +4629,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 }) })
     }
@@ -5146,7 +5151,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/column-menu/tests/column-menu.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/combobox/tests/combobox-prefix-suffix.js CHANGED Viewed

@@ -4573,12 +4573,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states59 = [
   States.disabled
 ];
-var options56 = {};
+var options56 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions55 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions55.size,
     palette,
     columns = defaultOptions55.columns,
     tileSize,
@@ -4609,7 +4613,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5130,7 +5135,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/context-menu/context-menu.spec.js CHANGED Viewed

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

package/dist/cjs/context-menu/templates/context-menu-normal.js CHANGED Viewed

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

package/dist/cjs/context-menu/tests/context-menu-in-window.js CHANGED Viewed

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

package/dist/cjs/context-menu/tests/context-menu.js CHANGED Viewed

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

package/dist/cjs/datepicker/datepicker.spec.js CHANGED Viewed

@@ -4614,12 +4614,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states60 = [
   States.disabled
 ];
-var options58 = {};
+var options58 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions57 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions57.size,
     palette,
     columns = defaultOptions57.columns,
     tileSize,
@@ -4650,7 +4654,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5171,7 +5176,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/datepicker/templates/datepicker-adaptive.js CHANGED Viewed

@@ -4612,12 +4612,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states60 = [
   States.disabled
 ];
-var options58 = {};
+var options58 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions57 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions57.size,
     palette,
     columns = defaultOptions57.columns,
     tileSize,
@@ -4648,7 +4652,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5169,7 +5174,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/datepicker/templates/datepicker-normal.js CHANGED Viewed

@@ -4612,12 +4612,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states60 = [
   States.disabled
 ];
-var options58 = {};
+var options58 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions57 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions57.size,
     palette,
     columns = defaultOptions57.columns,
     tileSize,
@@ -4648,7 +4652,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5169,7 +5174,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/datepicker/templates/datepicker-popup.js CHANGED Viewed

@@ -4612,12 +4612,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states60 = [
   States.disabled
 ];
-var options58 = {};
+var options58 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions57 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions57.size,
     palette,
     columns = defaultOptions57.columns,
     tileSize,
@@ -4648,7 +4652,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5169,7 +5174,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/datepicker/tests/datepicker-adaptive.js CHANGED Viewed

@@ -4612,12 +4612,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states60 = [
   States.disabled
 ];
-var options58 = {};
+var options58 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions57 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions57.size,
     palette,
     columns = defaultOptions57.columns,
     tileSize,
@@ -4648,7 +4652,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5169,7 +5174,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })