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/cjs/propertygrid/tests/propertygrid.js CHANGED Viewed

@@ -3569,12 +3569,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,
@@ -3605,7 +3609,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 }) })
     }
@@ -3722,7 +3727,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/scheduler/scheduler-toolbar.spec.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-agenda.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-day.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-agenda.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-day.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-horizontal-grouping.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-month.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-timeline.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-vertical-grouping.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-week.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-flex-year.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/scheduler/templates/scheduler-horizontal-grouping.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-month.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-timeline.js CHANGED Viewed

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

package/dist/cjs/scheduler/templates/scheduler-vertical-grouping.js CHANGED Viewed

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