@progress/kendo-react-editor 5.10.0-dev.202301092204 → 5.10.0-dev.202301111405

package/dist/npm/config/toolsSettings.js

@@ -22,6 +22,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorToolsSettings = exports.listsTypes = void 0;
 var messages_1 = require("./../messages");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 /**
  * @hidden
@@ -41,43 +42,43 @@ var EditorToolsSettings;
     /**
      * The object of the Bold tool settings.
      */
-    EditorToolsSettings.bold = __assign(__assign({}, kendo_editor_common_1.bold), { props: __assign({ icon: 'bold' }, buttonCommonProps), messages: {
+    EditorToolsSettings.bold = __assign(__assign({}, kendo_editor_common_1.bold), { props: __assign({ icon: 'bold', svgIcon: kendo_svg_icons_1.boldIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.bold
         }, commandName: 'Bold' });
     /**
      * The object of the Italic tool settings.
      */
-    EditorToolsSettings.italic = __assign(__assign({}, kendo_editor_common_1.italic), { props: __assign({ icon: 'italic' }, buttonCommonProps), messages: {
+    EditorToolsSettings.italic = __assign(__assign({}, kendo_editor_common_1.italic), { props: __assign({ icon: 'italic', svgIcon: kendo_svg_icons_1.italicIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.italic
         }, commandName: 'Italic' });
     /**
      * The object of the Underline tool settings.
      */
-    EditorToolsSettings.underline = __assign(__assign({}, kendo_editor_common_1.underline), { props: __assign({ icon: 'underline' }, buttonCommonProps), messages: {
+    EditorToolsSettings.underline = __assign(__assign({}, kendo_editor_common_1.underline), { props: __assign({ icon: 'underline', svgIcon: kendo_svg_icons_1.underlineIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.underline
         }, commandName: 'Underline' });
     /**
      * The object of the Strikethrough tool settings.
      */
-    EditorToolsSettings.strikethrough = __assign(__assign({}, kendo_editor_common_1.strikethrough), { props: __assign({ icon: 'strikethrough' }, buttonCommonProps), messages: {
+    EditorToolsSettings.strikethrough = __assign(__assign({}, kendo_editor_common_1.strikethrough), { props: __assign({ icon: 'strikethrough', svgIcon: kendo_svg_icons_1.strikethroughIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.strikethrough
         }, commandName: 'Strikethrough' });
     /**
      * The object of the Subscript tool settings.
      */
-    EditorToolsSettings.subscript = __assign(__assign({}, kendo_editor_common_1.subscript), { props: __assign({ icon: 'subscript' }, buttonCommonProps), messages: {
+    EditorToolsSettings.subscript = __assign(__assign({}, kendo_editor_common_1.subscript), { props: __assign({ icon: 'subscript', svgIcon: kendo_svg_icons_1.subscriptIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.subscript
         }, commandName: 'Subscript' });
     /**
      * The object of the Superscript tool settings.
      */
-    EditorToolsSettings.superscript = __assign(__assign({}, kendo_editor_common_1.superscript), { props: __assign({ icon: 'superscript' }, buttonCommonProps), messages: {
+    EditorToolsSettings.superscript = __assign(__assign({}, kendo_editor_common_1.superscript), { props: __assign({ icon: 'supscript', svgIcon: kendo_svg_icons_1.supscriptIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.superscript
         }, commandName: 'Superscript' });
     /**
      * The object of the Link tool settings.
      */
-    EditorToolsSettings.link = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'link-horizontal' }, buttonCommonProps), messages: {
+    EditorToolsSettings.link = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'link', svgIcon: kendo_svg_icons_1.linkIcon }, buttonCommonProps), messages: {
             insertHyperlink: messages_1.keys.insertHyperlink,
             insertHyperlinkDialogTitle: messages_1.keys.insertHyperlinkDialogTitle,
             insertHyperlinkAddress: messages_1.keys.insertHyperlinkAddress,
@@ -89,7 +90,7 @@ var EditorToolsSettings;
     /**
      * The object of the Link tool settings.
      */
-    EditorToolsSettings.insertFile = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'file-add' }, buttonCommonProps), messages: {
+    EditorToolsSettings.insertFile = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'file-add', svgIcon: kendo_svg_icons_1.fileAddIcon }, buttonCommonProps), messages: {
             insertHyperlink: messages_1.keys.insertFile,
             insertHyperlinkDialogTitle: messages_1.keys.insertFileDialogTitle,
             insertHyperlinkAddress: messages_1.keys.insertFileAddress,
@@ -102,7 +103,7 @@ var EditorToolsSettings;
      * The object of the InsertTable tool settings.
      */
     EditorToolsSettings.insertTable = {
-        props: __assign({ icon: 'table-insert' }, buttonCommonProps),
+        props: __assign({ icon: 'table-add', svgIcon: kendo_svg_icons_1.tableAddIcon }, buttonCommonProps),
         messages: {
             createTable: messages_1.keys.createTable,
             createTableHint: messages_1.keys.createTableHint
@@ -113,7 +114,7 @@ var EditorToolsSettings;
      * The object of the AddRowBefore tool settings.
      */
     EditorToolsSettings.addRowBefore = {
-        props: __assign({ icon: 'table-row-insert-above' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-insert-above', svgIcon: kendo_svg_icons_1.tableRowInsertAboveIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.addRowBefore
         },
@@ -123,7 +124,7 @@ var EditorToolsSettings;
      * The object of the AddRowAfter tool settings.
      */
     EditorToolsSettings.addRowAfter = {
-        props: __assign({ icon: 'table-row-insert-below' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-insert-below', svgIcon: kendo_svg_icons_1.tableRowInsertBelowIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.addRowAfter
         },
@@ -133,7 +134,7 @@ var EditorToolsSettings;
      * The object of the AddColumnBefore tool settings.
      */
     EditorToolsSettings.addColumnBefore = {
-        props: __assign({ icon: 'table-column-insert-left' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-insert-left', svgIcon: kendo_svg_icons_1.tableColumnInsertLeftIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.addColumnBefore
         },
@@ -143,7 +144,7 @@ var EditorToolsSettings;
      * The object of the AddColumnAfter tool settings.
      */
     EditorToolsSettings.addColumnAfter = {
-        props: __assign({ icon: 'table-column-insert-right' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-insert-right', svgIcon: kendo_svg_icons_1.tableColumnInsertRightIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.addColumnAfter
         },
@@ -153,7 +154,7 @@ var EditorToolsSettings;
      * The object of the DeleteRow tool settings.
      */
     EditorToolsSettings.deleteRow = {
-        props: __assign({ icon: 'table-row-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-row-delete', svgIcon: kendo_svg_icons_1.tableRowDeleteIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.deleteRow
         },
@@ -163,7 +164,7 @@ var EditorToolsSettings;
      * The object of the DeleteColumn tool settings.
      */
     EditorToolsSettings.deleteColumn = {
-        props: __assign({ icon: 'table-column-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-column-delete', svgIcon: kendo_svg_icons_1.tableColumnDeleteIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.deleteColumn
         },
@@ -173,7 +174,7 @@ var EditorToolsSettings;
      * The object of the DeleteTable tool settings.
      */
     EditorToolsSettings.deleteTable = {
-        props: __assign({ icon: 'table-delete' }, buttonCommonProps),
+        props: __assign({ icon: 'table-delete', svgIcon: kendo_svg_icons_1.tableDeleteIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.deleteTable
         },
@@ -183,7 +184,7 @@ var EditorToolsSettings;
      * The object of the MergeCells tool settings.
      */
     EditorToolsSettings.mergeCells = {
-        props: __assign({ icon: 'cells-merge' }, buttonCommonProps),
+        props: __assign({ icon: 'cells-merge', svgIcon: kendo_svg_icons_1.cellsMergeIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.mergeCells
         },
@@ -193,7 +194,7 @@ var EditorToolsSettings;
      * The object of the SplitCell tool settings.
      */
     EditorToolsSettings.splitCell = {
-        props: __assign({ icon: 'cell-split-horizontally' }, buttonCommonProps),
+        props: __assign({ icon: 'cell-split-horizontally', svgIcon: kendo_svg_icons_1.cellSplitHorizontallyIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.splitCell
         },
@@ -203,7 +204,7 @@ var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.print = {
-        props: __assign({ icon: 'print' }, buttonCommonProps),
+        props: __assign({ icon: 'print', svgIcon: kendo_svg_icons_1.printIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.print
         }
@@ -212,7 +213,7 @@ var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.selectAll = {
-        props: __assign({ icon: 'select-all' }, buttonCommonProps),
+        props: __assign({ icon: 'select-all', svgIcon: kendo_svg_icons_1.selectAllIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.selectAll
         }
@@ -221,7 +222,7 @@ var EditorToolsSettings;
      * The object of the Print tool settings.
      */
     EditorToolsSettings.pdf = {
-        props: __assign({ icon: 'pdf' }, buttonCommonProps),
+        props: __assign({ icon: 'file-pdf', svgIcon: kendo_svg_icons_1.filePdfIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.pdf
         }
@@ -244,7 +245,7 @@ var EditorToolsSettings;
      * The object of the CleanFormatting tool settings.
      */
     EditorToolsSettings.cleanFormatting = {
-        props: __assign({ icon: 'clear-css' }, buttonCommonProps),
+        props: __assign({ icon: 'clear-css', svgIcon: kendo_svg_icons_1.clearCssIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.cleanFormatting
         },
@@ -255,7 +256,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.image = {
         node: 'image',
-        props: __assign({ icon: 'image' }, buttonCommonProps),
+        props: __assign({ icon: 'image', svgIcon: kendo_svg_icons_1.imageIcon }, buttonCommonProps),
         messages: {
             insertImage: messages_1.keys.insertImage,
             insertImageDialogTitle: messages_1.keys.insertImageDialogTitle,
@@ -273,7 +274,7 @@ var EditorToolsSettings;
      * The object of the ViewHtml tool settings.
      */
     EditorToolsSettings.viewHtml = {
-        props: __assign({ icon: 'html' }, buttonCommonProps),
+        props: __assign({ icon: 'code', svgIcon: kendo_svg_icons_1.codeIcon }, buttonCommonProps),
         messages: {
             viewHtml: messages_1.keys.viewHtml,
             viewHtmlDialogTitle: messages_1.keys.viewHtmlDialogTitle,
@@ -286,7 +287,7 @@ var EditorToolsSettings;
      * The object of the Find and Replace tool settings.
      */
     EditorToolsSettings.findAndReplace = {
-        props: __assign({ icon: 'find' }, buttonCommonProps),
+        props: __assign({ icon: 'find', svgIcon: kendo_svg_icons_1.searchIcon }, buttonCommonProps),
         messages: {
             findReplaceToolTitle: messages_1.keys.findReplaceToolTitle,
             findReplaceDialogTitle: messages_1.keys.findReplaceDialogTitle,
@@ -308,14 +309,14 @@ var EditorToolsSettings;
     /**
      * The object of the Unlink tool settings.
      */
-    EditorToolsSettings.unlink = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'unlink-horizontal' }, buttonCommonProps), messages: {
+    EditorToolsSettings.unlink = __assign(__assign({}, kendo_editor_common_1.link), { props: __assign({ icon: 'unlink', svgIcon: kendo_svg_icons_1.unlinkIcon }, buttonCommonProps), messages: {
             title: messages_1.keys.unlink
         }, commandName: 'Unlink' });
     /**
      * The object of the Undo tool settings.
      */
     EditorToolsSettings.undo = {
-        props: __assign({ icon: 'undo' }, buttonCommonProps),
+        props: __assign({ icon: 'undo', svgIcon: kendo_svg_icons_1.undoIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.undo
         },
@@ -325,7 +326,7 @@ var EditorToolsSettings;
      * The object of the Redo tool settings.
      */
     EditorToolsSettings.redo = {
-        props: __assign({ icon: 'redo' }, buttonCommonProps),
+        props: __assign({ icon: 'redo', svgIcon: kendo_svg_icons_1.redoIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.redo
         },
@@ -399,6 +400,7 @@ var EditorToolsSettings;
         style: 'color',
         colorPickerProps: {
             icon: 'foreground-color',
+            svgIcon: kendo_svg_icons_1.foregroundColorIcon,
             view: 'palette',
             title: messages_1.keys.foregroundColor
         },
@@ -410,7 +412,8 @@ var EditorToolsSettings;
     EditorToolsSettings.backColor = {
         style: 'background-color',
         colorPickerProps: {
-            icon: 'background',
+            icon: 'droplet',
+            svgIcon: kendo_svg_icons_1.dropletIcon,
             view: 'palette',
             title: messages_1.keys.backgroundColor
         },
@@ -421,7 +424,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignLeft = {
         actions: __spreadArray([], kendo_editor_common_1.alignLeftRules, true),
-        props: __assign({ icon: 'align-left' }, buttonCommonProps),
+        props: __assign({ icon: 'align-left', svgIcon: kendo_svg_icons_1.alignLeftIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.alignLeft
         },
@@ -432,7 +435,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignRight = {
         actions: __spreadArray([], kendo_editor_common_1.alignRightRules, true),
-        props: __assign({ icon: 'align-right' }, buttonCommonProps),
+        props: __assign({ icon: 'align-right', svgIcon: kendo_svg_icons_1.alignRightIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.alignRight
         },
@@ -443,7 +446,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignCenter = {
         actions: __spreadArray([], kendo_editor_common_1.alignCenterRules, true),
-        props: __assign({ icon: 'align-center' }, buttonCommonProps),
+        props: __assign({ icon: 'align-center', svgIcon: kendo_svg_icons_1.alignCenterIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.alignCenter
         },
@@ -454,7 +457,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignJustify = {
         actions: __spreadArray([], kendo_editor_common_1.alignJustifyRules, true),
-        props: __assign({ icon: 'align-justify' }, buttonCommonProps),
+        props: __assign({ icon: 'align-justify', svgIcon: kendo_svg_icons_1.alignJustifyIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.alignJustify
         },
@@ -465,7 +468,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.alignRemove = {
         actions: __spreadArray([], kendo_editor_common_1.alignRemoveRules, true),
-        props: __assign({ icon: 'align-remove' }, buttonCommonProps),
+        props: __assign({ icon: 'align-remove', svgIcon: kendo_svg_icons_1.alignRemoveIcon }, buttonCommonProps),
         messages: {},
         commandName: 'AlignRemove'
     };
@@ -475,7 +478,7 @@ var EditorToolsSettings;
     EditorToolsSettings.indent = {
         actions: kendo_editor_common_1.indentRules.nodes,
         listsTypes: exports.listsTypes,
-        props: __assign({ icon: 'indent-increase' }, buttonCommonProps),
+        props: __assign({ icon: 'indent', svgIcon: kendo_svg_icons_1.indentIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.indent
         },
@@ -487,7 +490,7 @@ var EditorToolsSettings;
     EditorToolsSettings.outdent = {
         actions: kendo_editor_common_1.outdentRules.nodes,
         listsTypes: exports.listsTypes,
-        props: __assign({ icon: 'indent-decrease' }, buttonCommonProps),
+        props: __assign({ icon: 'outdent', svgIcon: kendo_svg_icons_1.outdentIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.outdent
         },
@@ -498,7 +501,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.orderedList = {
         listType: exports.listsTypes.orderedList,
-        props: __assign({ icon: 'list-ordered' }, buttonCommonProps),
+        props: __assign({ icon: 'list-ordered', svgIcon: kendo_svg_icons_1.listOrderedIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.orderedList
         },
@@ -510,7 +513,7 @@ var EditorToolsSettings;
      */
     EditorToolsSettings.bulletList = {
         listType: exports.listsTypes.bulletList,
-        props: __assign({ icon: 'list-unordered' }, buttonCommonProps),
+        props: __assign({ icon: 'list-unordered', svgIcon: kendo_svg_icons_1.listUnorderedIcon }, buttonCommonProps),
         messages: {
             title: messages_1.keys.bulletList
         },

package/dist/npm/dialogs/FindReplace.js

@@ -39,6 +39,7 @@ var kendo_editor_common_1 = require("@progress/kendo-editor-common");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_inputs_1 = require("@progress/kendo-react-inputs");
 var kendo_react_form_1 = require("@progress/kendo-react-form");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var enter = 13, esc = 27;
 var settings = toolsSettings_1.EditorToolsSettings.findAndReplace;
 /**
@@ -213,12 +214,12 @@ var FindAndReplaceDialog = /** @class */ (function (_super) {
                 React.createElement("label", { htmlFor: "regular-expression", className: "k-checkbox-label" }, localization.toLanguageString(findReplaceUseRegExp, messages_1.messages[findReplaceUseRegExp])))));
         var navigation = (React.createElement("div", { className: "k-matches-container" },
             React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindPrev },
-                React.createElement(kendo_react_common_1.Icon, { name: "chevron-left" }),
+                React.createElement(kendo_react_common_1.IconWrap, { name: "chevron-left", icon: kendo_svg_icons_1.chevronLeftIcon }),
                 localization.toLanguageString(findReplacePrevMatch, messages_1.messages[findReplacePrevMatch])),
             React.createElement("span", null, this.matchesMessage(localization.toLanguageString(findReplaceMatches, messages_1.messages[findReplaceMatches]))),
             React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', themeColor: 'primary', onClick: this.onFindNext },
                 localization.toLanguageString(findReplaceNextMatch, messages_1.messages[findReplaceNextMatch]),
-                React.createElement(kendo_react_common_1.Icon, { name: "chevron-right" }))));
+                React.createElement(kendo_react_common_1.IconWrap, { name: "chevron-right", icon: kendo_svg_icons_1.chevronRightIcon }))));
         var findWhat = (React.createElement(kendo_react_form_1.Form, { render: function () { return (React.createElement(kendo_react_form_1.FormElement, { horizontal: true },
                 React.createElement(kendo_react_form_1.FieldWrapper, null,
                     React.createElement("label", { htmlFor: "findWhat", className: 'k-form-label' }, localization.toLanguageString(findReplaceFindWhat, messages_1.messages[findReplaceFindWhat])),

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-editor',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673300890,
+    publishDate: 1673444941,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/npm/tools/lists-styled.js

@@ -79,6 +79,6 @@ var ListTool = function (props) {
         items = items.map(function (item, index) { return (__assign(__assign({}, item), { selected: listStyleType_1 ? item.style === listStyleType_1 : index === 0 })); });
     }
     return (React.createElement("span", { onMouseDown: function (e) { e.preventDefault(); } },
-        React.createElement(kendo_react_buttons_1.SplitButton, { textField: "text", items: items, icon: props.icon, onButtonClick: onButtonClick, onItemClick: onItemClick, buttonClass: isActive ? 'k-selected' : undefined, title: props.title !== undefined ? props.title : localization.toLanguageString(props.titleKey, messages_1.messages[props.titleKey]) })));
+        React.createElement(kendo_react_buttons_1.SplitButton, { textField: "text", items: items, icon: props.icon, svgIcon: props.svgIcon, onButtonClick: onButtonClick, onItemClick: onItemClick, buttonClass: isActive ? 'k-selected' : undefined, title: props.title !== undefined ? props.title : localization.toLanguageString(props.titleKey, messages_1.messages[props.titleKey]) })));
 };
 exports.ListTool = ListTool;

package/dist/npm/tools/main.js

@@ -50,6 +50,7 @@ var selectAll_1 = require("./selectAll");
 var cleanFormatting_1 = require("./cleanFormatting");
 var findReplace_1 = require("./findReplace");
 var lists_styled_1 = require("./lists-styled");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * Represents a wrapping namespace for the tool components, props, and functions of the Editor.
  */
@@ -416,11 +417,11 @@ var EditorTools;
      */
     EditorTools.BulletedList = function (props) {
         var ulItems = [
-            { icon: 'list-unordered', text: 'Disc', style: 'disc' },
-            { icon: 'list-unordered-outline', text: 'Circle', style: 'circle' },
-            { icon: 'list-unordered-square', text: 'Square', style: 'square' }
+            { icon: 'list-unordered', svgIcon: kendo_svg_icons_1.listUnorderedIcon, text: 'Disc', style: 'disc' },
+            { icon: 'list-unordered-outline', svgIcon: kendo_svg_icons_1.listUnorderedOutlineIcon, text: 'Circle', style: 'circle' },
+            { icon: 'list-unordered-square', svgIcon: kendo_svg_icons_1.listUnorderedSquareIcon, text: 'Square', style: 'square' }
         ];
-        return (React.createElement(lists_styled_1.ListTool, __assign({ listType: toolsSettings_1.EditorToolsSettings.bulletList.listType, items: ulItems, icon: "list-unordered", titleKey: toolsSettings_1.EditorToolsSettings.bulletList.messages.title }, props)));
+        return (React.createElement(lists_styled_1.ListTool, __assign({ listType: toolsSettings_1.EditorToolsSettings.bulletList.listType, items: ulItems, icon: "list-unordered", svgIcon: kendo_svg_icons_1.listUnorderedIcon, titleKey: toolsSettings_1.EditorToolsSettings.bulletList.messages.title }, props)));
     };
     /**
      * The NumberedList tool component.
@@ -428,14 +429,14 @@ var EditorTools;
      */
     EditorTools.NumberedList = function (props) {
         var olItems = [
-            { icon: 'list-ordered', text: 'Decimal' },
+            { icon: 'list-ordered', svgIcon: kendo_svg_icons_1.listOrderedIcon, text: 'Decimal' },
             // { icon: 'list-leading-zero', text: 'Decimal with leading zero', styleType: 'decimal-leading-zero' },
-            { icon: 'list-roman-upper', text: 'Upper roman', style: 'upper-roman' },
-            { icon: 'list-roman-lower', text: 'Lower roman', style: 'lower-roman' },
-            { icon: 'list-latin-big', text: 'Upper latin', style: 'upper-latin' },
-            { icon: 'list-latin-small', text: 'Lower latin', style: 'lower-latin' }
+            { icon: 'list-roman-upper', svgIcon: kendo_svg_icons_1.listRomanUpperIcon, text: 'Upper roman', style: 'upper-roman' },
+            { icon: 'list-roman-lower', svgIcon: kendo_svg_icons_1.listRomanLowerIcon, text: 'Lower roman', style: 'lower-roman' },
+            { icon: 'list-latin-big', svgIcon: kendo_svg_icons_1.listLatinBigIcon, text: 'Upper latin', style: 'upper-latin' },
+            { icon: 'list-latin-small', svgIcon: kendo_svg_icons_1.listLatinSmallIcon, text: 'Lower latin', style: 'lower-latin' }
         ];
-        return (React.createElement(lists_styled_1.ListTool, __assign({ listType: toolsSettings_1.EditorToolsSettings.orderedList.listType, items: olItems, icon: "list-ordered", titleKey: toolsSettings_1.EditorToolsSettings.orderedList.messages.title }, props)));
+        return (React.createElement(lists_styled_1.ListTool, __assign({ listType: toolsSettings_1.EditorToolsSettings.orderedList.listType, items: olItems, icon: "list-ordered", svgIcon: kendo_svg_icons_1.listOrderedIcon, titleKey: toolsSettings_1.EditorToolsSettings.orderedList.messages.title }, props)));
     };
     /**
      * Creates the Outdent tool component of the Editor.