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

package/dist/npm/DropDownList/DropDownList.d.ts

@@ -25,9 +25,6 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
         virtual: PropTypes.Requireable<PropTypes.InferProps<{
             pageSize: PropTypes.Validator<number>;
             skip: PropTypes.Validator<number>;
-            /**
-             * @hidden
-             */
             total: PropTypes.Validator<number>;
         }>>;
         onFilterChange: PropTypes.Requireable<(...args: any[]) => any>;
@@ -66,6 +63,11 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
         delay: PropTypes.Requireable<number>;
         ignoreCase: PropTypes.Requireable<boolean>;
         iconClassName: PropTypes.Requireable<string>;
+        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Validator<string>;
+            content: PropTypes.Validator<string>;
+            viewBox: PropTypes.Validator<string>;
+        }>>;
         defaultItem: PropTypes.Requireable<any>;
         valueRender: PropTypes.Requireable<(...args: any[]) => any>;
         valueMap: PropTypes.Requireable<(...args: any[]) => any>;
@@ -86,6 +88,9 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
         size: "small" | "medium" | "large" | null | undefined;
         rounded: "small" | "medium" | "full" | "large" | null | undefined;
         fillMode: "flat" | "outline" | "solid" | null | undefined;
+        /**
+         * @hidden
+         */
         popupSettings: {
             height: string;
         };
@@ -107,6 +112,7 @@ export declare class DropDownListWithoutContext extends React.Component<DropDown
     private _filterInput;
     private _valueDuringOnChange;
     private _navigated;
+    private _inputId;
     constructor(props: DropDownListProps);
     /**
      * @hidden

package/dist/npm/DropDownList/DropDownList.js

@@ -31,6 +31,7 @@ var React = require("react");
 var PropTypes = require("prop-types");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var ListContainer_1 = require("../common/ListContainer");
 var ListFilter_1 = require("../common/ListFilter");
 var ListDefaultItem_1 = require("../common/ListDefaultItem");
@@ -40,6 +41,8 @@ var utils_1 = require("../common/utils");
 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_react_intl_1 = require("@progress/kendo-react-intl");
+var messages_1 = require("../messages");
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_react_common_1.kendoThemeMaps.roundedMap;
 /**
@@ -60,6 +63,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         _this._skipFocusEvent = false;
         _this._filterInput = null;
         _this._navigated = false;
+        _this._inputId = (0, kendo_react_common_1.guid)();
         /**
          * @hidden
          */
@@ -490,6 +494,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
     DropDownListWithoutContext.prototype.render = function () {
         var _a;
         var _this = this;
+        var btnAriaLabel = (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.dropDownListArrowBtnAriaLabel, messages_1.messages[messages_1.dropDownListArrowBtnAriaLabel]);
         var _b = this.props, style = _b.style, className = _b.className, label = _b.label, dir = _b.dir, virtual = _b.virtual, size = _b.size, rounded = _b.rounded, fillMode = _b.fillMode;
         var opened = this.props.opened !== undefined ? this.props.opened : this.state.opened;
         var value = this.value;
@@ -506,7 +511,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
         var _c = this.props, dataItemKey = _c.dataItemKey, _d = _c.data, data = _d === void 0 ? [] : _d, disabled = _c.disabled, tabIndex = _c.tabIndex, loading = _c.loading, iconClassName = _c.iconClassName, valueRender = _c.valueRender;
         var focused = this.state.focused;
         var selectedIndex = data.findIndex(function (i) { return (0, utils_1.areSame)(i, value, dataItemKey); });
-        var valueDefaultRendering = (React.createElement("span", { className: "k-input-inner" },
+        var valueDefaultRendering = (React.createElement("span", { id: this._inputId, className: "k-input-inner" },
             React.createElement("span", { className: "k-input-value-text" }, text)));
         var valueElement = valueRender !== undefined ?
             valueRender.call(undefined, valueDefaultRendering, value) : valueDefaultRendering;
@@ -521,10 +526,10 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
                 _a['k-required'] = this.required,
                 _a)), style: !label
                 ? style
-                : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? utils_1.preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
+                : __assign(__assign({}, style), { width: undefined }), dir: dir, onMouseDown: opened ? utils_1.preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'combobox', "aria-required": this.required, "aria-disabled": disabled || undefined, "aria-haspopup": 'listbox', "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy || this._inputId, id: this.props.id, title: this.props.title },
             valueElement,
-            loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
-            React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-hidden": true, size: size, fillMode: fillMode, iconClass: iconClassName, className: "k-input-button", themeColor: 'base', icon: !iconClassName ? 'caret-alt-down' : undefined, onMouseDown: function (e) { return _this.state.focused && e.preventDefault(); } }),
+            loading && React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-loading-icon", name: 'loading' }),
+            React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-label": btnAriaLabel, "aria-hidden": true, size: size, fillMode: fillMode, iconClass: iconClassName, className: "k-input-button", themeColor: 'base', icon: !iconClassName ? 'caret-alt-down' : undefined, svgIcon: !iconClassName ? kendo_svg_icons_1.caretAltDownIcon : this.props.svgIcon, onMouseDown: function (e) { return _this.state.focused && e.preventDefault(); } }),
             this.dummySelect(value),
             this.renderListContainer()));
         return label ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorValue: text, editorValid: isValid, editorDisabled: this.props.disabled, style: { width: style ? style.width : undefined }, children: dropdownlist })) : dropdownlist;
@@ -586,7 +591,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
     /**
      * @hidden
      */
-    DropDownListWithoutContext.propTypes = __assign({ delay: PropTypes.number, ignoreCase: PropTypes.bool, iconClassName: PropTypes.string, defaultItem: PropTypes.any, valueRender: PropTypes.func, valueMap: PropTypes.func, validationMessage: PropTypes.string, required: PropTypes.bool, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string, ariaLabel: PropTypes.string, leftRightKeysNavigation: PropTypes.bool, title: PropTypes.string }, DropDownBase_1.default.propTypes);
+    DropDownListWithoutContext.propTypes = __assign({ delay: PropTypes.number, ignoreCase: PropTypes.bool, iconClassName: PropTypes.string, svgIcon: kendo_react_common_1.svgIconPropType, defaultItem: PropTypes.any, valueRender: PropTypes.func, valueMap: PropTypes.func, validationMessage: PropTypes.string, required: PropTypes.bool, id: PropTypes.string, ariaLabelledBy: PropTypes.string, ariaDescribedBy: PropTypes.string, ariaLabel: PropTypes.string, leftRightKeysNavigation: PropTypes.bool, title: PropTypes.string }, DropDownBase_1.default.propTypes);
     /**
      * @hidden
      */

package/dist/npm/DropDownList/DropDownListProps.d.ts

@@ -3,7 +3,7 @@ import { DropDownList } from './DropDownList';
 import { FilterChangeEvent, ChangeEvent, OpenEvent, CloseEvent, FocusEvent, BlurEvent, PageChangeEvent } from './../common/events';
 import { VirtualizationSettings, DropDownsPopupSettings } from '../common/settings';
 import { ListItemProps } from '../common/ListItem';
-import { FormComponentProps } from '@progress/kendo-react-common';
+import { FormComponentProps, SVGIcon } from '@progress/kendo-react-common';
 /**
  * Represents the object of the `filterChange` DropDownList event.
  */
@@ -83,6 +83,10 @@ export interface DropDownListProps extends FormComponentProps {
      * Sets CSS classes to the expand `icon` DOM element.
      */
     iconClassName?: string;
+    /**
+     * Sets the specified SVG icon.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Sets the title attribute to the DropDownList DOM element.
      */

package/dist/npm/DropDownTree/DropDownTree.js

@@ -36,6 +36,7 @@ var messages_1 = require("./../messages");
 var kendo_react_labels_1 = require("@progress/kendo-react-labels");
 var ListFilter_1 = require("../common/ListFilter");
 var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_react_common_1.kendoThemeMaps.roundedMap;
 var VALIDATION_MESSAGE = 'Please select a value from the list!';
 var ValueHolder = function (props) {
@@ -357,10 +358,10 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
             _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "combobox", "aria-haspopup": "tree", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
         React.createElement("span", { className: "k-input-inner" },
             React.createElement(ValueComponent, { item: value }, currentValueText || placeholder)),
-        props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
+        props.loading && React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-loading-icon", name: 'loading' }),
         hasValue && !disabled && (React.createElement("span", { onClick: onClear, className: "k-clear-value", title: localization.toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]), role: "button", tabIndex: -1, onMouseDown: function (e) { return e.preventDefault(); } },
-            React.createElement("span", { className: "k-icon k-i-x" }))),
-        React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-label": "select", className: "k-input-button", size: size, fillMode: fillMode, themeColor: "base", rounded: null, icon: "caret-alt-down" }),
+            React.createElement(kendo_react_common_1.IconWrap, { name: 'x', icon: kendo_svg_icons_1.xIcon }))),
+        React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-label": "select", className: "k-input-button", size: size, fillMode: fillMode, themeColor: "base", rounded: null, icon: "caret-alt-down", svgIcon: kendo_svg_icons_1.caretAltDownIcon }),
         React.createElement("select", { name: name, ref: selectRef, tabIndex: -1, "aria-hidden": true, title: label, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' } },
             React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
         React.createElement(kendo_react_popup_1.Popup, { className: (0, kendo_react_common_1.classNames)(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-dropdowntree-popup'), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },

package/dist/npm/MultiSelect/MultiSelect.js

@@ -39,6 +39,7 @@ exports.MultiSelect = exports.MultiSelectPropsContext = exports.MultiSelectWitho
 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 kendo_react_labels_1 = require("@progress/kendo-react-labels");
 var ListContainer_1 = require("../common/ListContainer");
 var List_1 = require("../common/List");
@@ -278,7 +279,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                     _a)), key: "customitem", onClick: _this.customItemSelect, onMouseDown: preventDefault },
                 React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-list-item k-custom-item', { 'k-focus': isCustom(focusedType) }), style: { fontStyle: 'italic' } },
                     text,
-                    React.createElement("span", { className: "k-icon k-i-plus", style: { position: 'absolute', right: '0.5em' } }))));
+                    React.createElement(kendo_react_common_1.IconWrap, { name: 'plus', icon: kendo_svg_icons_1.plusIcon, style: { position: 'absolute', right: '0.5em' } }))));
             return (React.createElement(ListContainer_1.default, __assign({}, listContainerProps),
                 header && React.createElement("div", { className: "k-list-header" }, header),
                 customItem,
@@ -592,7 +593,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
                         _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
                         _b)), role: "listbox", id: 'tagslist-' + this.base.guid }, tagsToRender.length > 0 && React.createElement(TagList_1.default, { tagRender: this.props.tagRender, onTagDelete: this.onTagDelete, data: tagsToRender, guid: this.base.guid, focused: focusedTag ? tagsToRender.find(function (t) { return (0, utils_1.matchTags)(t, focusedTag, dataItemKey); }) : undefined, size: size })),
                 this.renderSearchbar(id)),
-            loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
+            loading && React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-loading-icon", name: 'loading' }),
             clearButton && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick }),
             this.renderListContainer()));
         return label ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorId: id, editorValue: text || (0, utils_1.getItemValue)(this.value[0], textField), editorValid: isValid, editorDisabled: disabled, style: { width: style ? style.width : undefined }, children: component })) : component;

package/dist/npm/MultiSelectTree/MultiSelectTree.js

@@ -402,13 +402,13 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
             _a['k-loading'] = props.loading,
             _a['k-required'] = required,
             _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign(__assign({}, style), { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onFocus: onFocus, onBlur: onBlur, role: "combobox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, onClick: disabled ? undefined : onWrapperClick },
-        tagsToRenderRef.current.length > 0 && (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-input-values k-chip-list k-selection-multiple', (_b = {},
+        React.createElement("div", { id: 'tagslist-' + id, className: (0, kendo_react_common_1.classNames)('k-input-values k-chip-list k-selection-multiple', (_b = {},
                 _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
-                _b)), role: "listbox", id: 'tagslist-' + id },
-            React.createElement(TagList_1.default, { tag: props.tag, onTagDelete: onTagDelete, data: tagsToRenderRef.current, guid: id, focused: focusedTagState ? tagsToRenderRef.current.find(function (t) { return (0, utils_1.matchTags)(t, focusedTagState, dataItemKey); }) : undefined, size: size }))),
-        !hasValue && React.createElement("span", { className: "k-input-inner" },
-            React.createElement("span", { className: "k-input-value-text" }, "\u00A0")),
-        props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
+                _b)) }, tagsToRenderRef.current.length > 0 && (React.createElement(TagList_1.default, { tag: props.tag, onTagDelete: onTagDelete, data: tagsToRenderRef.current, guid: id, focused: focusedTagState ? tagsToRenderRef.current.find(function (t) { return (0, utils_1.matchTags)(t, focusedTagState, dataItemKey); }) : undefined, size: size }))),
+        !hasValue &&
+            React.createElement("span", { className: "k-input-inner", role: 'combobox', tabIndex: tabIndex, "aria-expanded": isOpen, "aria-describedby": 'tagslist-' + id, "aria-label": props.ariaLabelledBy },
+                React.createElement("span", { className: "k-input-value-text" }, "\u00A0")),
+        props.loading && React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-loading-icon", name: 'loading' }),
         hasValue && !disabled && React.createElement(ClearButton_1.default, { onClick: onClear }),
         React.createElement("select", { name: name, ref: selectRef, tabIndex: -1, "aria-hidden": true, title: label, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' } },
             React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),

package/dist/npm/common/ClearButton.js

@@ -18,6 +18,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
 var kendo_react_intl_1 = require("@progress/kendo-react-intl");
 var messages_1 = require("../messages");
+var kendo_react_common_1 = require("@progress/kendo-react-common");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 /**
  * @hidden
  */
@@ -31,7 +33,7 @@ var ClearButton = /** @class */ (function (_super) {
     ClearButton.prototype.render = function () {
         var title = (0, kendo_react_intl_1.provideLocalizationService)(this).toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]);
         return (React.createElement("span", { className: "k-clear-value", role: "button", onClick: this.props.onClick, onMouseDown: this.onMouseDown, tabIndex: -1, title: title, key: "clearbutton" },
-            React.createElement("span", { className: "k-icon k-i-x" })));
+            React.createElement(kendo_react_common_1.IconWrap, { name: 'x', icon: kendo_svg_icons_1.xIcon })));
     };
     return ClearButton;
 }(React.Component));

package/dist/npm/common/ListFilter.js

@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
+var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
 var kendo_react_common_1 = require("@progress/kendo-react-common");
 var sizeMap = kendo_react_common_1.kendoThemeMaps.sizeMap, roundedMap = kendo_react_common_1.kendoThemeMaps.roundedMap;
 /**
@@ -38,7 +39,7 @@ var ListFilter = /** @class */ (function (_super) {
                     _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded,
                     _a["k-input-".concat(fillMode)] = fillMode,
                     _a)) },
-                React.createElement("span", { className: "k-input-icon k-icon k-i-search" }),
+                React.createElement(kendo_react_common_1.IconWrap, { className: "k-input-icon", name: 'search', icon: kendo_svg_icons_1.searchIcon }),
                 React.createElement("input", { ref: inputRef ? inputRef : function (input) { return _this.input = input; }, value: this.props.value || '', className: "k-input-inner", onChange: this.props.onChange, onKeyDown: this.props.onKeyDown, tabIndex: this.props.tabIndex, onClick: function (e) { return e.stopPropagation(); } }))));
     };
     return ListFilter;

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

@@ -6,10 +6,25 @@ export declare const nodata = "dropdowns.nodata";
  * @hidden
  */
 export declare const clear = "dropdowns.clear";
+/**
+ * @hidden
+ */
+export declare const comboArrowBtnAriaLabelExpand = "dropdowns.comboArrowBtnAriaLabelExpand";
+/**
+ * @hidden
+ */
+export declare const comboArrowBtnAriaLabelCollapse = "dropdowns.comboArrowBtnAriaLabelCollapse";
+/**
+ * @hidden
+ */
+export declare const dropDownListArrowBtnAriaLabel = "dropdowns.dropDownListArrowBtnAriaLabel";
 /**
  * @hidden
  */
 export declare const messages: {
     "dropdowns.clear": string;
     "dropdowns.nodata": string;
+    "dropdowns.comboArrowBtnAriaLabelExpand": string;
+    "dropdowns.comboArrowBtnAriaLabelCollapse": string;
+    "dropdowns.dropDownListArrowBtnAriaLabel": string;
 };

package/dist/npm/messages/index.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.messages = exports.clear = exports.nodata = void 0;
+exports.messages = exports.dropDownListArrowBtnAriaLabel = exports.comboArrowBtnAriaLabelCollapse = exports.comboArrowBtnAriaLabelExpand = exports.clear = exports.nodata = void 0;
 /**
  * @hidden
  */
@@ -10,10 +10,25 @@ exports.nodata = 'dropdowns.nodata';
  * @hidden
  */
 exports.clear = 'dropdowns.clear';
+/**
+ * @hidden
+ */
+exports.comboArrowBtnAriaLabelExpand = 'dropdowns.comboArrowBtnAriaLabelExpand';
+/**
+ * @hidden
+ */
+exports.comboArrowBtnAriaLabelCollapse = 'dropdowns.comboArrowBtnAriaLabelCollapse';
+/**
+ * @hidden
+ */
+exports.dropDownListArrowBtnAriaLabel = 'dropdowns.dropDownListArrowBtnAriaLabel';
 /**
  * @hidden
  */
 exports.messages = (_a = {},
     _a[exports.clear] = 'clear',
     _a[exports.nodata] = 'NO DATA FOUND.',
+    _a[exports.comboArrowBtnAriaLabelExpand] = 'expand combobox',
+    _a[exports.comboArrowBtnAriaLabelCollapse] = 'collapse combobox',
+    _a[exports.dropDownListArrowBtnAriaLabel] = 'select',
     _a);

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-react-dropdowns',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1673300612,
+    publishDate: 1673462299,
     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'
 };