@progress/kendo-react-inputs 5.10.0-dev.202301092204 → 5.10.0-dev.202301111905

package/dist/npm/messages/index.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.signatureMinimize = exports.signatureMaximize = exports.signatureClear = exports.ratingAriaLabel = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientToggleInputsButton = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
+exports.messages = exports.signatureMinimize = exports.signatureMaximize = exports.signatureClear = exports.ratingAriaLabel = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerClearBtn = exports.flatColorPickerColorPaletteBtn = exports.flatColorPickerColorGradientBtn = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientToggleInputsButton = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
 /**
  * @hidden
  */
@@ -82,6 +82,18 @@ exports.flatColorPickerCancelBtn = 'flatColorPicker.cancelBtn';
  * @hidden
  */
 exports.flatColorPickerApplyBtn = 'flatColorPicker.applyBtn';
+/**
+ * @hidden
+ */
+exports.flatColorPickerColorGradientBtn = 'flatColorPicker.colorGradientBtn';
+/**
+ * @hidden
+ */
+exports.flatColorPickerColorPaletteBtn = 'flatColorPicker.colorPaletteBtn';
+/**
+ * @hidden
+ */
+exports.flatColorPickerClearBtn = 'flatColorPicker.clearBtn';
 /**
  * @hidden
  */
@@ -142,6 +154,9 @@ exports.messages = (_a = {},
     _a[exports.colorGradientToggleInputsButton] = 'Toggle colorgradient inputs',
     _a[exports.flatColorPickerCancelBtn] = 'Cancel',
     _a[exports.flatColorPickerApplyBtn] = 'Apply',
+    _a[exports.flatColorPickerColorGradientBtn] = 'Color Gradient view',
+    _a[exports.flatColorPickerColorPaletteBtn] = 'Color Palette view',
+    _a[exports.flatColorPickerClearBtn] = 'Clear color value',
     _a[exports.checkboxValidation] = 'Please check this box if you want to proceed!',
     _a[exports.checkboxOptionalText] = '(Optional)',
     _a[exports.radioButtonValidation] = 'Please select option if you want to proceed!',

package/dist/npm/numerictextbox/NumericTextBox.js

@@ -16,6 +16,7 @@ var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
@@ -276,13 +277,13 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
             _a['k-disabled'] = props.disabled,
             _a), props.className), "aria-disabled": props.disabled ? 'true' : undefined },
         React.createElement(Prefix, null),
-        React.createElement("input", { value: looseValue === null ? '' : looseValue, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), accessKey: props.accessKey, disabled: props.disabled, title: props.title, "aria-valuemin": props.min, "aria-valuemax": props.max, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, placeholder: props.placeholder, spellCheck: false, autoComplete: 'off', autoCorrect: 'off', type: props.inputType || 'tel', className: 'k-input-inner', id: inputId, name: props.name, readOnly: props.readOnly, style: props.inputStyle, onChange: onChangeHandler, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPasteHandler, onWheel: onWheelHandler, ref: elementRef }),
+        React.createElement("input", { role: 'spinbutton', value: looseValue === null ? '' : looseValue, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), accessKey: props.accessKey, disabled: props.disabled, title: props.title, "aria-disabled": props.disabled ? 'true' : undefined, "aria-valuemin": props.min, "aria-valuemax": props.max, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, placeholder: props.placeholder, spellCheck: false, autoComplete: 'off', autoCorrect: 'off', type: props.inputType || 'tel', className: 'k-input-inner', id: inputId, name: props.name, readOnly: props.readOnly, style: props.inputStyle, onChange: onChangeHandler, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPasteHandler, onWheel: onWheelHandler, ref: elementRef }),
         React.createElement(Suffix, null),
         props.children,
         props.spinners &&
             (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
-                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), onClick: onIncrease }),
-                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), onClick: onDecrease })))));
+                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', svgIcon: kendo_svg_icons_1.caretAltUpIcon, rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), onClick: onIncrease }),
+                React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', svgIcon: kendo_svg_icons_1.caretAltDownIcon, rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), onClick: onDecrease })))));
     return props.label
         ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: props.label, editorId: inputId, editorValue: looseValue === null ? '' : looseValue, editorValid: isValid, editorDisabled: props.disabled, editorPlaceholder: props.placeholder, children: numerictextbox, style: { width: props.width }, dir: props.dir }))
         : numerictextbox;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673300705,
+    publishDate: 1673462421,
     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/Rating.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormComponentProps } from '@progress/kendo-react-common';
+import { FormComponentProps, SVGIcon } from '@progress/kendo-react-common';
 import { RatingItemProps } from './RatingItem';
 import { RatingKeyboardEvent, RatingItemMouseEvent, RatingItemFocusEvent } from './models';
 /**
@@ -70,6 +70,14 @@ export interface RatingProps extends FormComponentProps {
      * Sets custom Rating icon, by default - star. [See example]({% slug disabled_rating %})
      */
     icon?: string;
+    /**
+     * Sets custom Rating SVG icon.
+     */
+    svgIcon?: SVGIcon;
+    /**
+     * Sets custom Rating SVG icon.
+     */
+    svgIconOutline?: SVGIcon;
     /**
      * Determines the selection mode. By default set to `continues`. [See example]({% slug icon_rating %})
      */

package/dist/npm/rating/Rating.js

@@ -15,6 +15,7 @@ exports.Rating = exports.RatingPropsContext = void 0;
 var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var RatingItem_1 = require("./RatingItem");
 var rating_reducer_1 = require("./rating-reducer");
 var utils_1 = require("./utils");
@@ -48,7 +49,7 @@ exports.RatingPropsContext = (0, kendo_react_common_1.createPropsContext)();
  * Obtaining the `ref` returns an object of type [RatingHandle]({% slug api_inputs_ratinghandle %}).
  */
 exports.Rating = React.forwardRef(function (directProps, ref) {
-    var _a, _b, _c, _d;
+    var _a;
     var props = (0, kendo_react_common_1.usePropsContext)(exports.RatingPropsContext, directProps);
     var localization = (0, kendo_react_intl_1.useLocalization)();
     var target = React.useRef(null);
@@ -75,19 +76,19 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
     var readonly = React.useMemo(function () { return props.readonly || defaultProps.readonly; }, [props.readonly]);
     var disabled = React.useMemo(function () { return props.disabled || defaultProps.disabled; }, [props.disabled]);
     var Item = React.useMemo(function () { return props.item || defaultProps.item; }, [props.item]);
-    var _e = useRating(props.defaultValue || defaultProps.defaultValue, {
+    var _b = useRating(props.defaultValue || defaultProps.defaultValue, {
         state: props.value,
         min: min,
         max: max,
         step: precision === 'half' ? step / 2 : step
-    }, handleChange), stateValue = _e[0], dispatchStateValue = _e[1];
-    var _f = useRating(null, {
+    }, handleChange), stateValue = _b[0], dispatchStateValue = _b[1];
+    var _c = useRating(null, {
         state: props.value,
         min: min,
         max: max,
         step: precision === 'half' ? step / 2 : step,
         precision: precision
-    }), stateHover = _f[0], dispatchStateHover = _f[1];
+    }), stateHover = _c[0], dispatchStateHover = _c[1];
     var value = React.useMemo(function () { return props.value || stateValue; }, [props.value, stateValue]);
     var hoveredValue = React.useMemo(function () { return stateHover; }, [stateHover]);
     var selection = React.useMemo(function () { return props.selection || defaultProps.selection; }, [props.selection]);
@@ -205,27 +206,19 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
         var selectedValue = (0, utils_1.isSelected)(itemValue, value, step, selection);
         var selected = (0, utils_1.isSelected)(itemValue, hoveredValue !== null ? hoveredValue : value, step, selection);
         var hovered = (0, utils_1.isSelected)(itemValue, hoveredValue, step, selection);
-        items.push(React.createElement(Item, { key: itemValue, value: itemValue, dir: dir, title: String(half ? (0, utils_1.toRound)(itemValue - (step / 2), base) : itemValue), icon: props.icon, half: half, selected: selectedValue || selected, hovered: hovered, onClick: handleItemClick, onMouseMove: handleItemMouseMove, onMouseLeave: handleMouseLeave },
+        items.push(React.createElement(Item, { key: itemValue, value: itemValue, dir: dir, title: String(half ? (0, utils_1.toRound)(itemValue - (step / 2), base) : itemValue), icon: props.icon, svgIcon: props.svgIcon, half: half, selected: selectedValue || selected, hovered: hovered, onClick: handleItemClick, onMouseMove: handleItemMouseMove, onMouseLeave: handleMouseLeave },
             half && (React.createElement("span", { className: 'k-rating-precision-complement', style: (_a = { width: '12px' }, _a[dir === 'rtl' ? 'right' : 'left'] = '50%', _a) },
-                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_b = {
-                            'k-i-star-outline': !props.icon
-                        },
-                        _b["".concat(props.icon, "-outline")] = props.icon,
-                        _b)) }))),
+                !(props.icon || props.svgIconOutline) && React.createElement(kendo_react_common_1.IconWrap, { name: 'star-outline', icon: kendo_svg_icons_1.starOutlineIcon }),
+                (props.icon || props.svgIconOutline) && React.createElement(kendo_react_common_1.IconWrap, { name: (0, kendo_react_common_1.toIconName)("".concat(props.icon, "-outline")), icon: props.svgIconOutline }))),
             half && (React.createElement("span", { className: 'k-rating-precision-part', style: { width: '12px' } },
-                React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_c = {
-                            'k-i-star': !props.icon
-                        },
-                        _c["".concat(props.icon)] = props.icon,
-                        _c)) }))),
+                !(props.icon || props.svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: 'star', icon: kendo_svg_icons_1.starIcon }),
+                (props.icon || props.svgIcon) && React.createElement(kendo_react_common_1.IconWrap, { name: props.icon ? (0, kendo_react_common_1.toIconName)(props.icon) : undefined, icon: props.svgIcon }))),
             half && (React.createElement("span", { style: { width: '24px', height: '24px', display: 'block' } })),
-            !half && (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-icon', (_d = {
-                        'k-i-star': !props.icon && (hovered || (selected && !hovered)),
-                        'k-i-star-outline': !props.icon && (!hovered)
-                    },
-                    _d["".concat(props.icon)] = props.icon && (hovered || (selected && !hovered)),
-                    _d["".concat(props.icon, "-outline")] = props.icon && (!hovered),
-                    _d)) }))));
+            !half &&
+                (!(props.icon || props.svgIcon) && (hovered || (selected && !hovered)) && React.createElement(kendo_react_common_1.IconWrap, { name: 'star', icon: kendo_svg_icons_1.starIcon })) ||
+                (!(props.icon || props.svgIcon) && !hovered && React.createElement(kendo_react_common_1.IconWrap, { name: 'star-outline', icon: kendo_svg_icons_1.starOutlineIcon })) ||
+                ((props.icon || props.svgIcon) && (hovered || (selected && !hovered)) && React.createElement(kendo_react_common_1.IconWrap, { name: props.icon, icon: props.svgIcon })) ||
+                ((props.icon || props.svgIcon) && !hovered && React.createElement(kendo_react_common_1.IconWrap, { name: (0, kendo_react_common_1.toIconName)("".concat(props.icon, "-outline")), icon: props.svgIconOutline }))));
     }
     return (React.createElement("span", { id: props.id, style: props.style, ref: ratingRef, role: "slider", dir: dir, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled, undefined), className: (0, kendo_react_common_1.classNames)('k-rating k-widget', {
             'k-rtl': dir === 'rtl',
@@ -268,6 +261,8 @@ var propTypes = {
     disabled: PropTypes.bool,
     half: PropTypes.bool,
     icon: PropTypes.string,
+    svgIcon: kendo_react_common_1.svgIconPropType,
+    svgIconOutline: kendo_react_common_1.svgIconPropType,
     ariaDescribedBy: PropTypes.string
 };
 var defaultProps = {

package/dist/npm/signature/Signature.js

@@ -59,6 +59,7 @@ var React = require("react");
 var messages_1 = require("../messages");
 var package_metadata_1 = require("../package-metadata");
 var utils_1 = require("./utils");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var DEFAULT_WIDTH = 250;
 var DEFAULT_HEIGHT = 84;
 var DEFAULT_POPUP_SCALE = 3;
@@ -338,10 +339,10 @@ exports.Signature = React.forwardRef(function (directProps, target) {
             _a), props.className), onFocus: onFocus, onBlur: onBlur },
         React.createElement("div", { className: 'k-signature-canvas', ref: canvasRef, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), role: "img", id: props.id, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, "aria-disabled": props.disabled ? 'true' : undefined }),
         React.createElement("div", { className: 'k-signature-actions k-signature-actions-top' },
-            showMaximize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-maximize', ref: maximizeButtonRef, icon: 'hyperlink-open', fillMode: 'flat', size: props.size, onClick: onMaximizeClick, "aria-label": maximizeTitle, title: maximizeTitle })),
-            showMinimize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-minimize k-rotate-180', ref: minimizeButtonRef, icon: 'hyperlink-open', fillMode: 'flat', size: props.size, onClick: onMinimizeClick, "aria-label": minimizeTitle, title: minimizeTitle }))),
+            showMaximize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-maximize', ref: maximizeButtonRef, icon: 'hyperlink-open', svgIcon: kendo_svg_icons_1.hyperlinkOpenIcon, fillMode: 'flat', size: props.size, onClick: onMaximizeClick, "aria-label": maximizeTitle, title: maximizeTitle })),
+            showMinimize && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-minimize k-rotate-180', ref: minimizeButtonRef, icon: 'hyperlink-open', svgIcon: kendo_svg_icons_1.hyperlinkOpenIcon, fillMode: 'flat', size: props.size, onClick: onMinimizeClick, "aria-label": minimizeTitle, title: minimizeTitle }))),
         !props.hideLine && (React.createElement("div", { className: 'k-signature-line', style: { zIndex: 2, pointerEvents: 'none' } })),
-        React.createElement("div", { className: 'k-signature-actions k-signature-actions-bottom' }, showClear && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-clear', icon: 'close', fillMode: 'flat', size: props.size, onClick: onClear, "aria-label": clearTitle, title: clearTitle }))),
+        React.createElement("div", { className: 'k-signature-actions k-signature-actions-bottom' }, showClear && (React.createElement(kendo_react_buttons_1.Button, { className: 'k-signature-action k-signature-clear', icon: 'x', svgIcon: kendo_svg_icons_1.xIcon, fillMode: 'flat', size: props.size, onClick: onClear, "aria-label": clearTitle, title: clearTitle }))),
         open && (React.createElement(kendo_react_dialogs_1.Dialog, { ref: dialogRef },
             React.createElement(exports.Signature, __assign({}, props, popupSize(), { value: popupValue, maximized: true, exportScale: (1 / popupScale) * exportScale, open: false, onChange: onDialogChange, onClose: onDialogClose }))))));
 });

package/dist/npm/slider/Slider.js

@@ -36,6 +36,7 @@ var SliderLabel_1 = require("./SliderLabel");
 var kendo_react_common_2 = require("@progress/kendo-react-common");
 var package_metadata_1 = require("../package-metadata");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /** @hidden */
 var SliderWithoutContext = /** @class */ (function (_super) {
     __extends(SliderWithoutContext, _super);
@@ -59,9 +60,9 @@ var SliderWithoutContext = /** @class */ (function (_super) {
                 return props.children;
             }
             return (React.createElement(React.Fragment, null,
-                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-down' : 'caret-alt-left', title: props.decrementTitle, onClick: props.decrement }),
+                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-down' : 'caret-alt-left', svgIcon: _this.props.vertical ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltLeftIcon, title: props.decrementTitle, onClick: props.decrement }),
                 props.children,
-                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-up' : 'caret-alt-right', title: props.incrementTitle, onClick: props.increment })));
+                React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-up' : 'caret-alt-right', svgIcon: _this.props.vertical ? kendo_svg_icons_1.caretAltUpIcon : kendo_svg_icons_1.caretAltRightIcon, title: props.incrementTitle, onClick: props.increment })));
         };
         /**
          * @hidden

package/dist/npm/switch/Switch.js

@@ -255,16 +255,18 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
             _a), this.props.className);
         var ariaAttributes = {
             'aria-checked': this.value,
-            'aria-disabled': disabled || undefined
+            'aria-disabled': disabled || undefined,
+            'aria-labelledby': this.props.ariaLabelledBy,
+            'aria-describedby': this.props.ariaDescribedBy
         };
-        return (React.createElement("span", { ref: function (span) {
+        return (React.createElement("span", __assign({ ref: function (span) {
                 _this._wrapper = span;
-            }, className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus },
-            React.createElement("span", __assign({ className: (0, kendo_react_common_1.classNames)('k-switch-track', (_b = {},
+            }, role: 'switch' }, ariaAttributes, { className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus }),
+            React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-track', (_b = {},
                     _b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
-                    _b)), id: id || this._id, role: 'switch' }, ariaAttributes, { "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, ref: function (span) {
+                    _b)), id: id || this._id, ref: function (span) {
                     _this._element = span;
-                }, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey }),
+                }, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey },
                 this.dummyInput(this.value),
                 React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
                 React.createElement("span", { className: 'k-switch-label-off' }, offLabel)),

package/dist/npm/textarea/TextArea.js

@@ -114,7 +114,7 @@ exports.TextArea = React.forwardRef(function (directProps, target) {
             (0, kendo_react_common_1.dispatchEvent)(onBlur, event, getImperativeHandle(), undefined);
         }
     }, [onBlur, disabled]);
-    var textAreaProps = __assign(__assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
+    var textAreaProps = __assign(__assign({ id: id || calculatedId, role: 'textbox', name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
     return (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-input', 'k-textarea', (_a = {},
             _a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
             _a["k-input-".concat(fillMode)] = fillMode,