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/menu-button/tests/menu-button-outline.mjs CHANGED Viewed

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

package/dist/esm/menu-button/tests/menu-button-size-rounded.mjs CHANGED Viewed

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

package/dist/esm/menu-button/tests/menu-button-solid.mjs CHANGED Viewed

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

package/dist/esm/multiselect/templates/multiselect-prefix.mjs CHANGED Viewed

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

package/dist/esm/multiselect/templates/multiselect-suffix.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-adaptive.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-flat.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-grouping.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-opened.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-outline.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-prefix-suffix.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-size-rounded.mjs CHANGED Viewed

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

package/dist/esm/multiselect/tests/multiselect-solid.mjs CHANGED Viewed

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

package/dist/esm/multiviewcalendar/multiviewcalendar.spec.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/multiviewcalendar/templates/multiviewcalendar-century.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/multiviewcalendar/templates/multiviewcalendar-decade.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" })