@progress/kendo-react-inputs 5.3.0-dev.202205051853 → 5.3.0

package/dist/es/colors/ColorPalette.js

@@ -208,7 +208,7 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
             var isSelected = rowIsSelected && selectedColumn === i;
             var className = classNames('k-colorpalette-tile', {
                 'k-selected': isSelected,
-                'k-state-focus': rowIsFocused && focusedColumn === i
+                'k-focus': rowIsFocused && focusedColumn === i
             });
             return (React.createElement("td", { className: className, "aria-label": color, "aria-selected": isSelected ? true : _this.props.disabled ? undefined : false, style: { backgroundColor: color, width: width, height: height, minWidth: width }, onClick: function (event) { return _this.onColorClick(color, event); }, id: _this.createCellId({ row: rowIndex, col: i }), key: i }));
         });

package/dist/es/colors/ColorPicker.js

@@ -18,6 +18,8 @@ import { Picker } from './Picker';
 import { ColorGradient } from './ColorGradient';
 import { ColorPalette, DEFAULT_PRESET, DEFAULT_TILE_SIZE } from './ColorPalette';
 import { Button } from '@progress/kendo-react-buttons';
+import { messages, colorPickerDropdownButtonAriaLabel } from '../messages';
+import { useLocalization } from '@progress/kendo-react-intl';
 /**
  * @hidden
  */
@@ -61,6 +63,7 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
     var _a, _b;
     validatePackage(packageMetadata);
     var props = usePropsContext(ColorPickerPropsContext, directProps);
+    var localization = useLocalization();
     var _c = props.size, size = _c === void 0 ? defaultProps.size : _c, _d = props.rounded, rounded = _d === void 0 ? defaultProps.rounded : _d, _e = props.fillMode, fillMode = _e === void 0 ? defaultProps.fillMode : _e, popupSettings = props.popupSettings, gradientSettings = props.gradientSettings, paletteSettings = props.paletteSettings, valid = props.valid, disabled = props.disabled, tabIndex = props.tabIndex, view = props.view, icon = props.icon, iconClassName = props.iconClassName, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onActiveColorClick = props.onActiveColorClick;
     var focusableElementRef = React.useRef(null);
     var gradientRef = React.useRef(null);
@@ -209,7 +212,7 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
                     (iconClassName || icon) && React.createElement("span", { className: classNames('k-color-preview-icon', iconClassName, (_b = {},
                             _b["k-icon k-i-" + icon] = (icon && !iconClassName),
                             _b)) }),
-                    React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'arrow-s' })), content: (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'arrow-s', "aria-label": localization.toLanguageString(colorPickerDropdownButtonAriaLabel, messages[colorPickerDropdownButtonAriaLabel]) })), content: (React.createElement(React.Fragment, null,
                 (view === 'combo' || view === 'gradient') && (React.createElement(ColorGradient, __assign({}, gradientSettings, { tabIndex: 0, ref: gradientRef, value: value, onChange: onChangeHandler }))),
                 (view === 'combo' || view === 'palette') && (React.createElement(ColorPalette, __assign({}, paletteSettings, { ref: paletteRef, value: value, onChange: onPaletteChangeHandler }))))) })));
 });

package/dist/es/messages/index.d.ts

@@ -82,6 +82,10 @@ export declare const radioButtonValidation = "radioButton.validation";
  * @hidden
  */
 export declare const switchValidation = "switch.validation";
+/**
+ * @hidden
+ */
+export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownButtonAriaLabel";
 /**
  * @hidden
  */
@@ -107,4 +111,5 @@ export declare const messages: {
     [checkboxOptionalText]: string;
     [radioButtonValidation]: string;
     [switchValidation]: string;
+    [colorPickerDropdownButtonAriaLabel]: string;
 };

package/dist/es/messages/index.js

@@ -83,6 +83,10 @@ export var radioButtonValidation = 'radioButton.validation';
  * @hidden
  */
 export var switchValidation = 'switch.validation';
+/**
+ * @hidden
+ */
+export var colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaLabel';
 /**
  * @hidden
  */
@@ -108,4 +112,5 @@ export var messages = (_a = {},
     _a[checkboxOptionalText] = '(Optional)',
     _a[radioButtonValidation] = 'Please select option if you want to proceed!',
     _a[switchValidation] = 'Please turn on if you want to proceed!',
+    _a[colorPickerDropdownButtonAriaLabel] = 'Select',
     _a);

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1651775776,
+    publishDate: 1652189121,
     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/es/rating/RatingItem.js

@@ -74,7 +74,7 @@ export var RatingItem = React.forwardRef(function (props, ref) {
     return (React.createElement("span", { id: props.id, ref: element, dir: dir, "data-half": props.half, tabIndex: props.tabIndex, title: props.title, style: props.style, className: classNames('k-rating-item', {
             'k-rtl': dir === 'rtl',
             'k-selected': props.selected,
-            'k-state-hovered': props.hovered
+            'k-hover': props.hovered
         }, props.className), onClick: handleClick, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove }, props.children));
 });
 var propTypes = {

package/dist/npm/colors/ColorPalette.js

@@ -210,7 +210,7 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
             var isSelected = rowIsSelected && selectedColumn === i;
             var className = kendo_react_common_1.classNames('k-colorpalette-tile', {
                 'k-selected': isSelected,
-                'k-state-focus': rowIsFocused && focusedColumn === i
+                'k-focus': rowIsFocused && focusedColumn === i
             });
             return (React.createElement("td", { className: className, "aria-label": color, "aria-selected": isSelected ? true : _this.props.disabled ? undefined : false, style: { backgroundColor: color, width: width, height: height, minWidth: width }, onClick: function (event) { return _this.onColorClick(color, event); }, id: _this.createCellId({ row: rowIndex, col: i }), key: i }));
         });

package/dist/npm/colors/ColorPicker.js

@@ -20,6 +20,8 @@ var Picker_1 = require("./Picker");
 var ColorGradient_1 = require("./ColorGradient");
 var ColorPalette_1 = require("./ColorPalette");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+var messages_1 = require("../messages");
+var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 /**
  * @hidden
  */
@@ -63,6 +65,7 @@ exports.ColorPicker = React.forwardRef(function (directProps, target) {
     var _a, _b;
     kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
     var props = kendo_react_common_1.usePropsContext(exports.ColorPickerPropsContext, directProps);
+    var localization = kendo_react_intl_1.useLocalization();
     var _c = props.size, size = _c === void 0 ? defaultProps.size : _c, _d = props.rounded, rounded = _d === void 0 ? defaultProps.rounded : _d, _e = props.fillMode, fillMode = _e === void 0 ? defaultProps.fillMode : _e, popupSettings = props.popupSettings, gradientSettings = props.gradientSettings, paletteSettings = props.paletteSettings, valid = props.valid, disabled = props.disabled, tabIndex = props.tabIndex, view = props.view, icon = props.icon, iconClassName = props.iconClassName, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onActiveColorClick = props.onActiveColorClick;
     var focusableElementRef = React.useRef(null);
     var gradientRef = React.useRef(null);
@@ -211,7 +214,7 @@ exports.ColorPicker = React.forwardRef(function (directProps, target) {
                     (iconClassName || icon) && React.createElement("span", { className: kendo_react_common_1.classNames('k-color-preview-icon', iconClassName, (_b = {},
                             _b["k-icon k-i-" + icon] = (icon && !iconClassName),
                             _b)) }),
-                    React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'arrow-s' })), content: (React.createElement(React.Fragment, null,
+                    React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'arrow-s', "aria-label": localization.toLanguageString(messages_1.colorPickerDropdownButtonAriaLabel, messages_1.messages[messages_1.colorPickerDropdownButtonAriaLabel]) })), content: (React.createElement(React.Fragment, null,
                 (view === 'combo' || view === 'gradient') && (React.createElement(ColorGradient_1.ColorGradient, __assign({}, gradientSettings, { tabIndex: 0, ref: gradientRef, value: value, onChange: onChangeHandler }))),
                 (view === 'combo' || view === 'palette') && (React.createElement(ColorPalette_1.ColorPalette, __assign({}, paletteSettings, { ref: paletteRef, value: value, onChange: onPaletteChangeHandler }))))) })));
 });

package/dist/npm/messages/index.d.ts

@@ -82,6 +82,10 @@ export declare const radioButtonValidation = "radioButton.validation";
  * @hidden
  */
 export declare const switchValidation = "switch.validation";
+/**
+ * @hidden
+ */
+export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownButtonAriaLabel";
 /**
  * @hidden
  */
@@ -107,4 +111,5 @@ export declare const messages: {
     [checkboxOptionalText]: string;
     [radioButtonValidation]: string;
     [switchValidation]: string;
+    [colorPickerDropdownButtonAriaLabel]: string;
 };

package/dist/npm/messages/index.js

@@ -85,6 +85,10 @@ exports.radioButtonValidation = 'radioButton.validation';
  * @hidden
  */
 exports.switchValidation = 'switch.validation';
+/**
+ * @hidden
+ */
+exports.colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaLabel';
 /**
  * @hidden
  */
@@ -110,4 +114,5 @@ exports.messages = (_a = {},
     _a[exports.checkboxOptionalText] = '(Optional)',
     _a[exports.radioButtonValidation] = 'Please select option if you want to proceed!',
     _a[exports.switchValidation] = 'Please turn on if you want to proceed!',
+    _a[exports.colorPickerDropdownButtonAriaLabel] = 'Select',
     _a);

package/dist/npm/package-metadata.js

@@ -7,7 +7,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1651775776,
+    publishDate: 1652189121,
     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/rating/RatingItem.js

@@ -76,7 +76,7 @@ exports.RatingItem = React.forwardRef(function (props, ref) {
     return (React.createElement("span", { id: props.id, ref: element, dir: dir, "data-half": props.half, tabIndex: props.tabIndex, title: props.title, style: props.style, className: kendo_react_common_1.classNames('k-rating-item', {
             'k-rtl': dir === 'rtl',
             'k-selected': props.selected,
-            'k-state-hovered': props.hovered
+            'k-hover': props.hovered
         }, props.className), onClick: handleClick, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onMouseMove: handleMouseMove }, props.children));
 });
 var propTypes = {