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

@progress/kendo-themes-html 10.1.1-dev.0 → 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/scheduler/templates/scheduler-agenda.mjs CHANGED Viewed

@@ -2886,12 +2886,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2922,7 +2926,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3039,7 +3044,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-day.mjs CHANGED Viewed

@@ -2895,12 +2895,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2931,7 +2935,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx107("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx107("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3048,7 +3053,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx109("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx109(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx109(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx109("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx109(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx109(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs46(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx109(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx109(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-agenda.mjs CHANGED Viewed

@@ -2862,12 +2862,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2898,7 +2902,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3015,7 +3020,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-day.mjs CHANGED Viewed

@@ -2862,12 +2862,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2898,7 +2902,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3015,7 +3020,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-horizontal-grouping.mjs CHANGED Viewed

@@ -2862,12 +2862,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2898,7 +2902,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3015,7 +3020,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-month.mjs CHANGED Viewed

@@ -2862,12 +2862,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2898,7 +2902,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3015,7 +3020,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-timeline.mjs CHANGED Viewed

@@ -2874,12 +2874,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2910,7 +2914,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3027,7 +3032,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-vertical-grouping.mjs CHANGED Viewed

@@ -2862,12 +2862,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2898,7 +2902,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3015,7 +3020,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-week.mjs CHANGED Viewed

@@ -2862,12 +2862,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2898,7 +2902,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3015,7 +3020,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-flex-year.mjs CHANGED Viewed

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

package/dist/esm/scheduler/templates/scheduler-horizontal-grouping.mjs CHANGED Viewed

@@ -2898,12 +2898,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2934,7 +2938,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3051,7 +3056,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-month.mjs CHANGED Viewed

@@ -2886,12 +2886,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2922,7 +2926,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3039,7 +3044,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-timeline.mjs CHANGED Viewed

@@ -2898,12 +2898,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2934,7 +2938,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3051,7 +3056,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-vertical-grouping.mjs CHANGED Viewed

@@ -2898,12 +2898,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2934,7 +2938,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3051,7 +3056,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/templates/scheduler-week.mjs CHANGED Viewed

@@ -2898,12 +2898,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states40 = [
   States.disabled
 ];
-var options38 = {};
+var options38 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions37 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions37.size,
     palette,
     columns = defaultOptions37.columns,
     tileSize,
@@ -2934,7 +2938,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx108("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx108("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3051,7 +3056,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx110("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx110(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx110(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs47(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx110(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx110(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.mjs CHANGED Viewed

@@ -2707,12 +2707,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states37 = [
   States.disabled
 ];
-var options35 = {};
+var options35 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions34 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions34.size,
     palette,
     columns = defaultOptions34.columns,
     tileSize,
@@ -2743,7 +2747,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx98("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx98("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2860,7 +2865,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx100("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx100(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx100(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx100("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx100(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx100(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs45(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx100(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx100(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })