@progress/kendo-react-inputs 5.5.1-dev.202207252139 → 5.6.0-dev.202208040930

package/dist/npm/slider/Slider.d.ts

@@ -91,6 +91,10 @@ export interface SliderProps extends FormComponentProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
     dir?: Direction;
 }
 /**
@@ -115,6 +119,7 @@ export declare class SliderWithoutContext extends React.Component<SliderProps, S
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
     };
     /**
      * @hidden

package/dist/npm/slider/Slider.js

@@ -179,7 +179,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
         var sliderItemsStyle = this.props.vertical
             ? { paddingTop: 0, height: '100%' }
             : {};
-        return (React.createElement("div", { ref: function (el) { return _this._element = el; }, "aria-valuemin": this.props.min, "aria-valuemax": this.props.max, "aria-valuenow": this.state.value, "aria-disabled": this.props.disabled ? 'true' : undefined, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, dir: this.state.dir, role: "slider", id: this.props.id, style: __assign({ gap: 0 }, this.props.style), tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled, undefined), onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, className: (0, kendo_react_common_1.classNames)('k-slider k-widget', {
+        return (React.createElement("div", { ref: function (el) { return _this._element = el; }, dir: this.state.dir, id: this.props.id, style: __assign({ gap: 0 }, this.props.style), onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, className: (0, kendo_react_common_1.classNames)('k-slider k-widget', {
                 'k-focus': this.state.focused,
                 'k-disabled': this.props.disabled,
                 'k-slider-horizontal': !this.props.vertical,
@@ -201,7 +201,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
                             React.createElement("div", { className: "k-slider-selection", style: this.props.vertical
                                     ? { height: percentValue + '%' }
                                     : { width: percentValue + '%' } }),
-                            React.createElement("a", { className: "k-draghandle", title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: this.props.vertical
+                            React.createElement("span", { role: "slider", "aria-valuemin": this.props.min, "aria-valuemax": this.props.max, "aria-valuenow": this.state.value, "aria-valuetext": String(this.state.value), "aria-orientation": this.props.vertical ? 'vertical' : undefined, "aria-disabled": this.props.disabled ? 'true' : undefined, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, "aria-label": this.props.ariaLabel, tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled, undefined), className: "k-draghandle", title: lS.toLanguageString(messages_1.sliderDragTitle, messages_1.messages[messages_1.sliderDragTitle]), style: this.props.vertical
                                     ? { bottom: 'calc(' + percentValue + '%)', zIndex: 1 }
                                     : this.state.dir === 'rtl' ? { right: 'calc(' + percentValue + '% - 13px)', zIndex: 1 }
                                         : { left: 'calc(' + percentValue + '%)', zIndex: 1 } })))))));
@@ -232,7 +232,8 @@ var SliderWithoutContext = /** @class */ (function (_super) {
         vertical: PropTypes.bool,
         id: PropTypes.string,
         ariaLabelledBy: PropTypes.string,
-        ariaDescribedBy: PropTypes.string
+        ariaDescribedBy: PropTypes.string,
+        ariaLabel: PropTypes.string
         // TODO: validation when buttons is set to true, but no step is provided
     };
     return SliderWithoutContext;

package/dist/npm/slider/SliderLabel.js

@@ -29,7 +29,7 @@ var SliderLabel = function (props) {
         ? { bottom: "".concat(props.position, "%") }
         : (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(props.position, "%"), _a);
     var tickStyle = props.vertical ? 'k-tick-vertical' : 'k-tick-horizontal';
-    return (React.createElement("li", { ref: sliderLabelRef, role: "presentation", className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) },
+    return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) },
         React.createElement("span", __assign({}, (_b = {}, _b[exports.SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
 };
 exports.SliderLabel = SliderLabel;