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

@progress/kendo-themes-html 10.1.1-dev.1 → 10.2.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (947) hide show

package/dist/esm/dock-manager/dock-manager-toolbar.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" })

package/dist/esm/dock-manager/dock-manager.spec.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dock-manager/pane-scrollable.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dock-manager/templates/dock-manager-normal.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dock-manager/templates/dock-manager-unpinned-pane.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dock-manager/tests/dock-manager-floating-panes.mjs CHANGED Viewed

@@ -4109,12 +4109,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,
@@ -4145,7 +4149,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 }) })
     }
@@ -4666,7 +4671,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/dock-manager/tests/dock-manager-unpinned-pane.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dock-manager/tests/dock-manager.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dock-manager/tests/dock-navigator.mjs CHANGED Viewed

@@ -4365,12 +4365,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4401,7 +4405,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4922,7 +4927,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -4405,12 +4405,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states58 = [
   States.disabled
 ];
-var options55 = {};
+var options55 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions54 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions54.size,
     palette,
     columns = defaultOptions54.columns,
     tileSize,
@@ -4441,7 +4445,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx171("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx171("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4962,7 +4967,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx183("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx183(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx183(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs79(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx183(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx183(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/esm/dropdowntree/templates/dropdowntree-filtering.mjs CHANGED Viewed

@@ -4768,12 +4768,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  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,
@@ -4804,7 +4808,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx181("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx181("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5325,7 +5330,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx193("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx193(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx193(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx193("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx193(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx193(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs86(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx193(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx193(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -4774,12 +4774,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  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,
@@ -4810,7 +4814,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx183("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx183("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5331,7 +5336,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs87(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx195(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx195(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -4775,12 +4775,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  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,
@@ -4811,7 +4815,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx183("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx183("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5332,7 +5337,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs87(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx195(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx195(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -4789,12 +4789,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  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,
@@ -4825,7 +4829,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx183("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx183("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5346,7 +5351,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs87(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx195(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx195(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -4775,12 +4775,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  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,
@@ -4811,7 +4815,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx183("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx183("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5332,7 +5337,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs87(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx195(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx195(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -4775,12 +4775,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states62 = [
   States.disabled
 ];
-var options59 = {};
+var options59 = {
+  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,
@@ -4811,7 +4815,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ jsx183("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ jsx183("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -5332,7 +5337,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette }) }),
+    /* @__PURE__ */ jsx195("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ jsx195(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ jsx195(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ jsxs87(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ jsx195(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ jsx195(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })