@progress/kendo-react-editor 5.12.0-dev.202302271006 → 5.12.0-dev.202303021526

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.
@@ -399,7 +399,8 @@ export var EditorToolsSettings;
399
399
  icon: 'foreground-color',
400
400
  svgIcon: foregroundColorIcon,
401
401
  view: 'palette',
402
- title: keys.foregroundColor
402
+ title: keys.foregroundColor,
403
+ ariaLabel: keys.foreColorLabel
403
404
  },
404
405
  commandName: 'ForeColor'
405
406
  };
@@ -412,7 +413,8 @@ export var EditorToolsSettings;
412
413
  icon: 'droplet',
413
414
  svgIcon: dropletIcon,
414
415
  view: 'palette',
415
- title: keys.backgroundColor
416
+ title: keys.backgroundColor,
417
+ ariaLabel: keys.backColorLabel
416
418
  },
417
419
  commandName: 'BackColor'
418
420
  };
@@ -81,6 +81,8 @@ export declare const messages: {
81
81
  "editor.findReplace-nextMatch": string;
82
82
  "editor.findReplace-matches": string;
83
83
  "editor.iframeTitle": string;
84
+ "editorTools.foreColorLabel": string;
85
+ "editorTools.backColorLabel": string;
84
86
  };
85
87
  /**
86
88
  * @hidden
@@ -165,4 +167,6 @@ export declare const keys: {
165
167
  findReplaceNextMatch: string;
166
168
  findReplaceMatches: string;
167
169
  iframeTitle: string;
170
+ foreColorLabel: string;
171
+ backColorLabel: string;
168
172
  };
@@ -315,6 +315,14 @@ var findReplaceMatches = 'editor.findReplace-matches';
315
315
  * @hidden
316
316
  */
317
317
  var iframeTitle = 'editor.iframeTitle';
318
+ /**
319
+ * @hidden
320
+ */
321
+ var foreColorLabel = 'editorTools.foreColorLabel';
322
+ /**
323
+ * @hidden
324
+ */
325
+ var backColorLabel = 'editorTools.backColorLabel';
318
326
  /**
319
327
  * @hidden
320
328
  */
@@ -404,6 +412,8 @@ export var messages = (_a = {},
404
412
  _a[findReplaceNextMatch] = 'Next',
405
413
  _a[findReplaceMatches] = '{0} of {1} matches',
406
414
  _a[iframeTitle] = 'Editable area. Press Alt + F10 for toolbar.',
415
+ _a[foreColorLabel] = 'Fore Color',
416
+ _a[backColorLabel] = 'Back Color',
407
417
  _a);
408
418
  /**
409
419
  * @hidden
@@ -487,5 +497,7 @@ export var keys = {
487
497
  findReplacePrevMatch: findReplacePrevMatch,
488
498
  findReplaceNextMatch: findReplaceNextMatch,
489
499
  findReplaceMatches: findReplaceMatches,
490
- iframeTitle: iframeTitle
500
+ iframeTitle: iframeTitle,
501
+ foreColorLabel: foreColorLabel,
502
+ backColorLabel: backColorLabel
491
503
  };
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-editor',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1677491094,
8
+ publishDate: 1677769418,
9
9
  version: '',
10
10
  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'
11
11
  };
@@ -20,6 +20,7 @@ import { messages } from '../messages';
20
20
  export var ApplyColorTool = function (props) {
21
21
  var view = props.view, style = props.style, colorPickerProps = props.colorPickerProps, commandName = props.commandName;
22
22
  var titleKey = colorPickerProps.title;
23
+ var ariaLabelKey = colorPickerProps.ariaLabel;
23
24
  var _a = colorPickerProps.view, paletteView = _a === void 0 ? 'palette' : _a;
24
25
  var onChange = React.useCallback(function (event) {
25
26
  if (view) {
@@ -29,5 +30,5 @@ export var ApplyColorTool = function (props) {
29
30
  }
30
31
  }
31
32
  }, [view, style, paletteView, commandName]);
32
- return (React.createElement(ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? useLocalization().toLanguageString(titleKey, messages[titleKey]) : titleKey })));
33
+ return (React.createElement(ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? useLocalization().toLanguageString(titleKey, messages[titleKey]) : titleKey, ariaLabel: ariaLabelKey ? useLocalization().toLanguageString(ariaLabelKey, messages[ariaLabelKey]) : ariaLabelKey })));
33
34
  };
@@ -402,7 +402,8 @@ var EditorToolsSettings;
402
402
  icon: 'foreground-color',
403
403
  svgIcon: kendo_svg_icons_1.foregroundColorIcon,
404
404
  view: 'palette',
405
- title: messages_1.keys.foregroundColor
405
+ title: messages_1.keys.foregroundColor,
406
+ ariaLabel: messages_1.keys.foreColorLabel
406
407
  },
407
408
  commandName: 'ForeColor'
408
409
  };
@@ -415,7 +416,8 @@ var EditorToolsSettings;
415
416
  icon: 'droplet',
416
417
  svgIcon: kendo_svg_icons_1.dropletIcon,
417
418
  view: 'palette',
418
- title: messages_1.keys.backgroundColor
419
+ title: messages_1.keys.backgroundColor,
420
+ ariaLabel: messages_1.keys.backColorLabel
419
421
  },
420
422
  commandName: 'BackColor'
421
423
  };
@@ -81,6 +81,8 @@ export declare const messages: {
81
81
  "editor.findReplace-nextMatch": string;
82
82
  "editor.findReplace-matches": string;
83
83
  "editor.iframeTitle": string;
84
+ "editorTools.foreColorLabel": string;
85
+ "editorTools.backColorLabel": string;
84
86
  };
85
87
  /**
86
88
  * @hidden
@@ -165,4 +167,6 @@ export declare const keys: {
165
167
  findReplaceNextMatch: string;
166
168
  findReplaceMatches: string;
167
169
  iframeTitle: string;
170
+ foreColorLabel: string;
171
+ backColorLabel: string;
168
172
  };
@@ -318,6 +318,14 @@ var findReplaceMatches = 'editor.findReplace-matches';
318
318
  * @hidden
319
319
  */
320
320
  var iframeTitle = 'editor.iframeTitle';
321
+ /**
322
+ * @hidden
323
+ */
324
+ var foreColorLabel = 'editorTools.foreColorLabel';
325
+ /**
326
+ * @hidden
327
+ */
328
+ var backColorLabel = 'editorTools.backColorLabel';
321
329
  /**
322
330
  * @hidden
323
331
  */
@@ -407,6 +415,8 @@ exports.messages = (_a = {},
407
415
  _a[findReplaceNextMatch] = 'Next',
408
416
  _a[findReplaceMatches] = '{0} of {1} matches',
409
417
  _a[iframeTitle] = 'Editable area. Press Alt + F10 for toolbar.',
418
+ _a[foreColorLabel] = 'Fore Color',
419
+ _a[backColorLabel] = 'Back Color',
410
420
  _a);
411
421
  /**
412
422
  * @hidden
@@ -490,5 +500,7 @@ exports.keys = {
490
500
  findReplacePrevMatch: findReplacePrevMatch,
491
501
  findReplaceNextMatch: findReplaceNextMatch,
492
502
  findReplaceMatches: findReplaceMatches,
493
- iframeTitle: iframeTitle
503
+ iframeTitle: iframeTitle,
504
+ foreColorLabel: foreColorLabel,
505
+ backColorLabel: backColorLabel
494
506
  };
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-editor',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1677491094,
11
+ publishDate: 1677769418,
12
12
  version: '',
13
13
  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'
14
14
  };
@@ -23,6 +23,7 @@ var messages_1 = require("../messages");
23
23
  var ApplyColorTool = function (props) {
24
24
  var view = props.view, style = props.style, colorPickerProps = props.colorPickerProps, commandName = props.commandName;
25
25
  var titleKey = colorPickerProps.title;
26
+ var ariaLabelKey = colorPickerProps.ariaLabel;
26
27
  var _a = colorPickerProps.view, paletteView = _a === void 0 ? 'palette' : _a;
27
28
  var onChange = React.useCallback(function (event) {
28
29
  if (view) {
@@ -32,6 +33,6 @@ var ApplyColorTool = function (props) {
32
33
  }
33
34
  }
34
35
  }, [view, style, paletteView, commandName]);
35
- return (React.createElement(kendo_react_inputs_1.ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) : titleKey })));
36
+ return (React.createElement(kendo_react_inputs_1.ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) : titleKey, ariaLabel: ariaLabelKey ? (0, kendo_react_intl_1.useLocalization)().toLanguageString(ariaLabelKey, messages_1.messages[ariaLabelKey]) : ariaLabelKey })));
36
37
  };
37
38
  exports.ApplyColorTool = ApplyColorTool;