@progress/kendo-react-inputs 5.13.1 → 5.14.0-dev.202305100720

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.
Files changed (15) hide show
  1. package/dist/cdn/js/kendo-react-inputs.js +1 -1
  2. package/dist/es/colors/ColorPalette.js +2 -3
  3. package/dist/es/colors/FlatColorPicker.js +1 -1
  4. package/dist/es/package-metadata.js +1 -1
  5. package/dist/es/range-slider/RangeSlider.js +1 -1
  6. package/dist/es/rating/Rating.js +1 -1
  7. package/dist/es/slider/Slider.js +1 -1
  8. package/dist/npm/colors/ColorPalette.js +2 -3
  9. package/dist/npm/colors/FlatColorPicker.js +1 -1
  10. package/dist/npm/package-metadata.js +1 -1
  11. package/dist/npm/range-slider/RangeSlider.js +1 -1
  12. package/dist/npm/rating/Rating.js +1 -1
  13. package/dist/npm/slider/Slider.js +1 -1
  14. package/dist/systemjs/kendo-react-inputs.js +1 -1
  15. package/package.json +16 -16
package/dist/es/colors/ColorPalette.js CHANGED
@@ -116,9 +116,8 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
116
116
  var className = classNames('k-colorpalette', { 'k-disabled': this.props.disabled });
117
117
  if (paletteInfo.colors.length) {
118
118
  return (React.createElement("div", { id: this.props.id, role: "grid", className: className, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, "aria-disabled": this.props.ariaDisabled || (this.props.disabled ? 'true' : undefined), "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: getTabIndex(this.props.tabIndex, this.props.disabled), ref: function (el) { return _this.wrapper = el; } },
119
- React.createElement("div", { className: "k-colorpalette-table-wrap" },
120
- React.createElement("table", { className: "k-colorpalette-table k-palette", role: "presentation" },
121
- React.createElement("tbody", { role: "rowgroup" }, this.renderRows(svc.colorRows, selectedCellCoords, focusedCellCoords))))));
119
+ React.createElement("table", { className: "k-colorpalette-table", role: "presentation" },
120
+ React.createElement("tbody", { role: "rowgroup" }, this.renderRows(svc.colorRows, selectedCellCoords, focusedCellCoords)))));
122
121
  }
123
122
  else {
124
123
  // In this way, the code prevents an eventual focus of the component when no cells are available.
package/dist/es/colors/FlatColorPicker.js CHANGED
@@ -106,7 +106,7 @@ export var FlatColorPicker = React.forwardRef(function (props, ref) {
106
106
  props.header ||
107
107
  React.createElement("div", { className: "k-coloreditor-header k-hstack" },
108
108
  React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
109
- React.createElement(ButtonGroup, null,
109
+ React.createElement(ButtonGroup, { className: "k-button-group-flat" },
110
110
  React.createElement(Button, { type: "button", "aria-label": localizationService.toLanguageString(flatColorPickerColorGradientBtn, messages[flatColorPickerColorGradientBtn]), togglable: true, fillMode: 'flat', selected: colorGradientView, onClick: function () { return handleViewChange('ColorGradient'); }, icon: "droplet-slider", svgIcon: dropletSliderIcon }),
111
111
  React.createElement(Button, { type: "button", "aria-label": localizationService.toLanguageString(flatColorPickerColorPaletteBtn, messages[flatColorPickerColorPaletteBtn]), togglable: true, fillMode: 'flat', selected: !colorGradientView, onClick: function () { return handleViewChange('ColorPalette'); }, icon: "palette", svgIcon: paletteIcon }))),
112
112
  React.createElement("div", { className: "k-spacer" }),
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-inputs',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1682926154,
8
+ publishDate: 1683701199,
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
  };
package/dist/es/range-slider/RangeSlider.js CHANGED
@@ -212,7 +212,7 @@ export var RangeSlider = React.forwardRef(function (directProps, ref) {
212
212
  setCurrentDrag('');
213
213
  };
214
214
  useDraggable(sliderTrackWrapRef, { onPress: handleTrackPress, onDrag: handleTrackDrag, onRelease: handleTrackRelease });
215
- return (React.createElement("div", { id: props.id, style: props.style, ref: sliderRef, dir: dir, className: classNames('k-widget k-slider', {
215
+ return (React.createElement("div", { id: props.id, style: props.style, ref: sliderRef, dir: dir, className: classNames('k-slider', {
216
216
  'k-rtl': dir === 'rtl',
217
217
  'k-disabled': props.disabled,
218
218
  'k-slider-vertical': props.vertical,
package/dist/es/rating/Rating.js CHANGED
@@ -217,7 +217,7 @@ export var Rating = React.forwardRef(function (directProps, ref) {
217
217
  ((props.icon || props.svgIcon) && (hovered || (selected && !hovered)) && React.createElement(IconWrap, { name: props.icon, icon: props.svgIcon })) ||
218
218
  ((props.icon || props.svgIcon) && !hovered && React.createElement(IconWrap, { name: toIconName("".concat(props.icon, "-outline")), icon: props.svgIconOutline }))));
219
219
  }
220
- return (React.createElement("span", { id: props.id, style: props.style, ref: ratingRef, role: "slider", dir: dir, tabIndex: getTabIndex(props.tabIndex, props.disabled, undefined), className: classNames('k-rating k-widget', {
220
+ return (React.createElement("span", { id: props.id, style: props.style, ref: ratingRef, role: "slider", dir: dir, tabIndex: getTabIndex(props.tabIndex, props.disabled, undefined), className: classNames('k-rating', {
221
221
  'k-rtl': dir === 'rtl',
222
222
  'k-readonly': readonly,
223
223
  'k-disabled': disabled
package/dist/es/slider/Slider.js CHANGED
@@ -173,7 +173,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
173
173
  var sliderItemsStyle = this.props.vertical
174
174
  ? { paddingTop: 0, height: '100%' }
175
175
  : {};
176
- 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: classNames('k-slider k-widget', {
176
+ 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: classNames('k-slider', {
177
177
  'k-focus': this.state.focused,
178
178
  'k-disabled': this.props.disabled,
179
179
  'k-slider-horizontal': !this.props.vertical,
package/dist/npm/colors/ColorPalette.js CHANGED
@@ -119,9 +119,8 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
119
119
  var className = (0, kendo_react_common_1.classNames)('k-colorpalette', { 'k-disabled': this.props.disabled });
120
120
  if (paletteInfo.colors.length) {
121
121
  return (React.createElement("div", { id: this.props.id, role: "grid", className: className, onFocus: this.onFocus, onBlur: this.onBlur, onKeyDown: this.onKeyDown, "aria-disabled": this.props.ariaDisabled || (this.props.disabled ? 'true' : undefined), "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, tabIndex: (0, kendo_react_common_1.getTabIndex)(this.props.tabIndex, this.props.disabled), ref: function (el) { return _this.wrapper = el; } },
122
- React.createElement("div", { className: "k-colorpalette-table-wrap" },
123
- React.createElement("table", { className: "k-colorpalette-table k-palette", role: "presentation" },
124
- React.createElement("tbody", { role: "rowgroup" }, this.renderRows(svc.colorRows, selectedCellCoords, focusedCellCoords))))));
122
+ React.createElement("table", { className: "k-colorpalette-table", role: "presentation" },
123
+ React.createElement("tbody", { role: "rowgroup" }, this.renderRows(svc.colorRows, selectedCellCoords, focusedCellCoords)))));
125
124
  }
126
125
  else {
127
126
  // In this way, the code prevents an eventual focus of the component when no cells are available.
package/dist/npm/colors/FlatColorPicker.js CHANGED
@@ -109,7 +109,7 @@ exports.FlatColorPicker = React.forwardRef(function (props, ref) {
109
109
  props.header ||
110
110
  React.createElement("div", { className: "k-coloreditor-header k-hstack" },
111
111
  React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
112
- React.createElement(kendo_react_buttons_1.ButtonGroup, null,
112
+ React.createElement(kendo_react_buttons_1.ButtonGroup, { className: "k-button-group-flat" },
113
113
  React.createElement(kendo_react_buttons_1.Button, { type: "button", "aria-label": localizationService.toLanguageString(messages_1.flatColorPickerColorGradientBtn, messages_1.messages[messages_1.flatColorPickerColorGradientBtn]), togglable: true, fillMode: 'flat', selected: colorGradientView, onClick: function () { return handleViewChange('ColorGradient'); }, icon: "droplet-slider", svgIcon: kendo_svg_icons_1.dropletSliderIcon }),
114
114
  React.createElement(kendo_react_buttons_1.Button, { type: "button", "aria-label": localizationService.toLanguageString(messages_1.flatColorPickerColorPaletteBtn, messages_1.messages[messages_1.flatColorPickerColorPaletteBtn]), togglable: true, fillMode: 'flat', selected: !colorGradientView, onClick: function () { return handleViewChange('ColorPalette'); }, icon: "palette", svgIcon: kendo_svg_icons_1.paletteIcon }))),
115
115
  React.createElement("div", { className: "k-spacer" }),
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-inputs',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1682926154,
11
+ publishDate: 1683701199,
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
  };
package/dist/npm/range-slider/RangeSlider.js CHANGED
@@ -215,7 +215,7 @@ exports.RangeSlider = React.forwardRef(function (directProps, ref) {
215
215
  setCurrentDrag('');
216
216
  };
217
217
  (0, kendo_react_common_1.useDraggable)(sliderTrackWrapRef, { onPress: handleTrackPress, onDrag: handleTrackDrag, onRelease: handleTrackRelease });
218
- return (React.createElement("div", { id: props.id, style: props.style, ref: sliderRef, dir: dir, className: (0, kendo_react_common_1.classNames)('k-widget k-slider', {
218
+ return (React.createElement("div", { id: props.id, style: props.style, ref: sliderRef, dir: dir, className: (0, kendo_react_common_1.classNames)('k-slider', {
219
219
  'k-rtl': dir === 'rtl',
220
220
  'k-disabled': props.disabled,
221
221
  'k-slider-vertical': props.vertical,
package/dist/npm/rating/Rating.js CHANGED
@@ -220,7 +220,7 @@ exports.Rating = React.forwardRef(function (directProps, ref) {
220
220
  ((props.icon || props.svgIcon) && (hovered || (selected && !hovered)) && React.createElement(kendo_react_common_1.IconWrap, { name: props.icon, icon: props.svgIcon })) ||
221
221
  ((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 }))));
222
222
  }
223
- 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', {
223
+ 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', {
224
224
  'k-rtl': dir === 'rtl',
225
225
  'k-readonly': readonly,
226
226
  'k-disabled': disabled
package/dist/npm/slider/Slider.js CHANGED
@@ -176,7 +176,7 @@ var SliderWithoutContext = /** @class */ (function (_super) {
176
176
  var sliderItemsStyle = this.props.vertical
177
177
  ? { paddingTop: 0, height: '100%' }
178
178
  : {};
179
- 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', {
179
+ 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', {
180
180
  'k-focus': this.state.focused,
181
181
  'k-disabled': this.props.disabled,
182
182
  'k-slider-horizontal': !this.props.vertical,