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

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

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

Files changed (947) hide show

package/dist/cjs/chart-wizard/tests/tab-data-sections-expanded.js CHANGED Viewed

@@ -3961,12 +3961,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states51 = [
   States.disabled
 ];
-var options45 = {};
+var options45 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions45 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions45.size,
     palette,
     columns = defaultOptions45.columns,
     tileSize,
@@ -3997,7 +4001,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -4114,7 +4119,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/chart-wizard/tests/tab-format-sections-expanded.js CHANGED Viewed

@@ -3058,12 +3058,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states43 = [
   States.disabled
 ];
-var options40 = {};
+var options40 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions39 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions39.size,
     palette,
     columns = defaultOptions39.columns,
     tileSize,
@@ -3094,7 +3098,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -3211,7 +3216,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/color-editor.spec.js CHANGED Viewed

@@ -2437,12 +2437,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2473,7 +2477,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2630,7 +2635,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/templates/coloreditor-group.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

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

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/templates/coloreditor-palette-group.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/templates/coloreditor-palette.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/tests/coloreditor-focused-colorgradient.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/tests/coloreditor-rtl.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/tests/coloreditor-sizes.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/tests/coloreditor-states.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })

package/dist/cjs/coloreditor/tests/coloreditor.js CHANGED Viewed

@@ -2436,12 +2436,16 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states34 = [
   States.disabled
 ];
-var options33 = {};
+var options33 = {
+  size: [Size.small, Size.medium, Size.large]
+};
 var defaultOptions33 = {
-  columns: 10
+  columns: 10,
+  size: Size.medium
 };
 var ColorPalette = (props) => {
   const {
+    size = defaultOptions33.size,
     palette,
     columns = defaultOptions33.columns,
     tileSize,
@@ -2472,7 +2476,8 @@ var ColorPalette = (props) => {
         COLORPALETTE_CLASSNAME,
         stateClassNames(COLORPALETTE_CLASSNAME, {
           disabled
-        })
+        }),
+        optionClassNames(COLORPALETTE_CLASSNAME, { size })
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("table", { className: "k-colorpalette-table", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("tbody", { children: newChildren.length > 0 ? newChildren : props.children }) })
     }
@@ -2629,7 +2634,7 @@ var ColorEditor = (props) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "k-coloreditor-views k-vstack", children: view === "gradient" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorGradient, { focus: focusView, size, canvasOrientation }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ColorPalette, { palette, size }) }),
     actionButtons && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(ActionButtons, { className: "k-coloreditor-footer", alignment: "end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { className: "k-coloreditor-cancel", size, children: "Cancel" }),
       /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Button, { themeColor: "primary", size, className: "k-coloreditor-apply", children: "Apply" })