@progress/kendo-react-inputs 5.6.0-dev.202208261541 → 5.6.0-dev.202209021051

package/dist/es/checkbox/Checkbox.js

@@ -148,6 +148,7 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
             _a["k-checkbox-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
             _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
             _a['k-indeterminate'] = indeterminateProp,
+            _a['k-disabled'] = disabled,
             _a['k-invalid k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
             _a)), ref: elementRef, name: name, id: id || calculatedId, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, checked: Boolean(checkedProp), disabled: disabled, tabIndex: getTabIndex(tabIndex, disabled), role: 'checkbox', required: required !== undefined ? required : false, 'aria-checked': currentChecked || checkedProp ?
             true :

package/dist/es/colors/ColorInput.js

@@ -69,7 +69,7 @@ var ColorInput = /** @class */ (function (_super) {
         var toggleButtonMessage = localizationService.toLanguageString(colorGradientToggleInputsButton, messages[colorGradientToggleInputsButton]);
         return (React.createElement("div", { className: "k-colorgradient-inputs k-hstack" },
             React.createElement("div", { className: "k-vstack" },
-                React.createElement(Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: 'arrows-kpi', className: "k-colorgradient-toggle-mode k-icon-button", onClick: this.onToggleModeChange.bind(this) })),
+                React.createElement(Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: 'caret-alt-expand', className: "k-colorgradient-toggle-mode k-icon-button", onClick: this.onToggleModeChange.bind(this) })),
             this.state.inputMode === 'hex' &&
                 React.createElement("div", { className: "k-vstack k-flex-1" },
                     React.createElement("span", { className: "k-hex-value k-textbox k-input" },

package/dist/es/colors/ColorPicker.js

@@ -212,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-".concat(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', "aria-label": localization.toLanguageString(colorPickerDropdownButtonAriaLabel, messages[colorPickerDropdownButtonAriaLabel]) })), 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: 'caret-alt-down', "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/colors/FlatColorPicker.js

@@ -73,7 +73,7 @@ export var FlatColorPicker = React.forwardRef(function (props, ref) {
                     React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
                         (props.showClearButton && defaultProps.showClearButton) &&
                             React.createElement(Button, { type: "button", fillMode: 'flat', onClick: handleResetColor },
-                                React.createElement("span", { className: "k-icon k-i-reset-color" })),
+                                React.createElement("span", { className: "k-icon k-i-droplet-slash" })),
                         (props.showPreview && defaultProps.showPreview) &&
                             React.createElement("div", { className: "k-coloreditor-preview k-vstack" },
                                 React.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: colorValue } }),

package/dist/es/input/InputClearValue.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputClearValue` component.
+ */
+export declare type InputClearValueHandle = {
+    element: HTMLSpanElement | null;
+};
+/**
+ * Represents the `props` of the `InputClearValue` component.
+ */
+export declare type InputClearValueProps = React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Represents the KendoReact InputClearValue component.
+ */
+export declare const InputClearValue: React.ForwardRefExoticComponent<InputClearValueProps & React.RefAttributes<InputClearValueHandle>>;

package/dist/es/input/InputClearValue.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { classNames } from '@progress/kendo-react-common';
+/**
+ * Represents the KendoReact InputClearValue component.
+ */
+export var InputClearValue = React.forwardRef(function (props, ref) {
+    var target = React.useRef(null);
+    var element = React.useRef(null);
+    React.useImperativeHandle(target, function () { return ({ element: element.current }); });
+    React.useImperativeHandle(ref, function () { return target.current; });
+    return (React.createElement("span", __assign({}, props, { className: classNames('k-clear-value', props.className) })));
+});
+InputClearValue.displayName = 'KendoReactInputClearValue';

package/dist/es/input/InputPrefix.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputPrefix` component.
+ */
+export declare type InputPrefixHandle = {
+    element: HTMLSpanElement | null;
+};
+/**
+ * Represents the `props` of the `InputPrefix` component.
+ */
+export declare type InputPrefixProps = React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Represents the KendoReact InputPrefix component.
+ */
+export declare const InputPrefix: React.ForwardRefExoticComponent<InputPrefixProps & React.RefAttributes<InputPrefixHandle>>;

package/dist/es/input/InputPrefix.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { classNames } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represents the KendoReact InputPrefix component.
+ */
+export var InputPrefix = React.forwardRef(function (props, ref) {
+    var target = React.useRef(null);
+    var element = React.useRef(null);
+    React.useImperativeHandle(target, function () { return ({ element: element.current }); });
+    React.useImperativeHandle(ref, function () { return target.current; });
+    return (React.createElement("span", __assign({}, props, { className: classNames('k-input-prefix', props.className) })));
+});
+InputPrefix.displayName = 'KendoReactInputPrefix';

package/dist/es/input/InputSeparator.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputSeparator` component.
+ */
+export declare type InputSeparatorHandle = {
+    element: HTMLSpanElement | null;
+};
+/**
+ * Represents the `props` of the `InputSeparator` component.
+ */
+export declare type InputSeparatorProps = React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Represents the KendoReact InputSeparator component.
+ */
+export declare const InputSeparator: React.ForwardRefExoticComponent<InputSeparatorProps & React.RefAttributes<InputSeparatorHandle>>;

package/dist/es/input/InputSeparator.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { classNames } from '@progress/kendo-react-common';
+/**
+ * Represents the KendoReact InputSeparator component.
+ */
+export var InputSeparator = React.forwardRef(function (props, ref) {
+    var target = React.useRef(null);
+    var element = React.useRef(null);
+    React.useImperativeHandle(target, function () { return ({ element: element.current }); });
+    React.useImperativeHandle(ref, function () { return target.current; });
+    return (React.createElement("span", __assign({}, props, { className: classNames('k-input-separator', props.className) })));
+});
+InputSeparator.displayName = 'KendoReactInputSeparator';

package/dist/es/input/InputSuffix.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputSuffix` component.
+ */
+export declare type InputSuffixHandle = {
+    element: HTMLSpanElement | null;
+};
+/**
+ * Represents the `props` of the `InputSuffix` component.
+ */
+export declare type InputSuffixProps = React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * Represents the KendoReact InputSuffix component.
+ */
+export declare const InputSuffix: React.ForwardRefExoticComponent<InputSuffixProps & React.RefAttributes<InputSuffixHandle>>;

package/dist/es/input/InputSuffix.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { classNames } from '@progress/kendo-react-common';
+/**
+ * Represents the KendoReact InputSuffix component.
+ */
+export var InputSuffix = React.forwardRef(function (props, ref) {
+    var target = React.useRef(null);
+    var element = React.useRef(null);
+    React.useImperativeHandle(target, function () { return ({ element: element.current }); });
+    React.useImperativeHandle(ref, function () { return target.current; });
+    return (React.createElement("span", __assign({}, props, { className: classNames('k-input-suffix', props.className) })));
+});
+InputSuffix.displayName = 'KendoReactInputSuffix';

package/dist/es/input/InputValidationIcon.d.ts

@@ -0,0 +1,14 @@
+import { IconHandle, IconProps } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputValidationIcon` component.
+ */
+export declare type InputValidationIconHandle = IconHandle;
+/**
+ * Represents the `props` of the `InputValidationIcon` component.
+ */
+export declare type InputValidationIconProps = IconProps;
+/**
+ * Represents the KendoReact InputValidationIcon component.
+ */
+export declare const InputValidationIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<IconHandle>>;

package/dist/es/input/InputValidationIcon.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { classNames, Icon } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represents the KendoReact InputValidationIcon component.
+ */
+export var InputValidationIcon = React.forwardRef(function (props, ref) {
+    return React.createElement(Icon, __assign({ ref: ref }, props, { className: classNames('k-input-validation-icon', props.className) }));
+});
+InputValidationIcon.displayName = 'KendoReactInputValidationIcon';

package/dist/es/main.d.ts

@@ -50,3 +50,11 @@ export * from './textarea/interfaces/TextAreaFocusEvent';
 export * from './rating/Rating';
 export * from './rating/RatingItem';
 export * from './rating/models/index';
+export * from './signature/Signature';
+export * from './signature/interfaces';
+export { TextBox, TextBoxProps, TextBoxHandle, TextBoxChangeEvent } from './textbox/Textbox';
+export { InputClearValue, InputClearValueProps, InputClearValueHandle } from './input/InputClearValue';
+export { InputPrefix, InputPrefixProps, InputPrefixHandle } from './input/InputPrefix';
+export { InputSeparator, InputSeparatorProps, InputSeparatorHandle } from './input/InputSeparator';
+export { InputSuffix, InputSuffixProps, InputSuffixHandle } from './input/InputSuffix';
+export { InputValidationIcon, InputValidationIconProps, InputValidationIconHandle } from './input/InputValidationIcon';

package/dist/es/main.js

@@ -46,3 +46,11 @@ export * from './textarea/interfaces/TextAreaFocusEvent';
 export * from './rating/Rating';
 export * from './rating/RatingItem';
 export * from './rating/models/index';
+export * from './signature/Signature';
+export * from './signature/interfaces';
+export { TextBox } from './textbox/Textbox';
+export { InputClearValue } from './input/InputClearValue';
+export { InputPrefix } from './input/InputPrefix';
+export { InputSeparator } from './input/InputSeparator';
+export { InputSuffix } from './input/InputSuffix';
+export { InputValidationIcon } from './input/InputValidationIcon';

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

@@ -102,6 +102,18 @@ export declare const colorPickerDropdownButtonAriaLabel = "colorPicker.dropdownB
  * @hidden
  */
 export declare const ratingAriaLabel = "rating.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const signatureClear = "signature.clear";
+/**
+ * @hidden
+ */
+export declare const signatureMaximize = "signature.maximize";
+/**
+ * @hidden
+ */
+export declare const signatureMinimize = "signature.minimize";
 /**
  * @hidden
  */
@@ -132,4 +144,7 @@ export declare const messages: {
     "switch.validation": string;
     "colorPicker.dropdownButtonAriaLabel": string;
     "rating.ariaLabel": string;
+    "signature.clear": string;
+    "signature.maximize": string;
+    "signature.minimize": string;
 };

package/dist/es/messages/index.js

@@ -103,6 +103,18 @@ export var colorPickerDropdownButtonAriaLabel = 'colorPicker.dropdownButtonAriaL
  * @hidden
  */
 export var ratingAriaLabel = 'rating.ariaLabel';
+/**
+ * @hidden
+ */
+export var signatureClear = 'signature.clear';
+/**
+ * @hidden
+ */
+export var signatureMaximize = 'signature.maximize';
+/**
+ * @hidden
+ */
+export var signatureMinimize = 'signature.minimize';
 /**
  * @hidden
  */
@@ -133,4 +145,7 @@ export var messages = (_a = {},
     _a[switchValidation] = 'Please turn on if you want to proceed!',
     _a[colorPickerDropdownButtonAriaLabel] = 'Select',
     _a[ratingAriaLabel] = 'Rating',
+    _a[signatureClear] = 'Clear',
+    _a[signatureMaximize] = 'Maximize',
+    _a[signatureMinimize] = 'Minimize',
     _a);

package/dist/es/numerictextbox/NumericTextBox.js

@@ -272,8 +272,8 @@ export var NumericTextBox = React.forwardRef(function (directProps, target) {
         props.children,
         props.spinners &&
             (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
-                React.createElement(Button, { tabIndex: -1, type: "button", icon: 'arrow-n', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), onClick: onIncrease }),
-                React.createElement(Button, { tabIndex: -1, type: "button", icon: 'arrow-s', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), onClick: onDecrease })))));
+                React.createElement(Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), onClick: onIncrease }),
+                React.createElement(Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), onClick: onDecrease })))));
     return props.label
         ? (React.createElement(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/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-inputs',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1661527419,
+    publishDate: 1662114830,
     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/signature/Signature.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { SignatureHandle } from './interfaces/SignatureHandle';
+import { SignatureProps } from './interfaces/SignatureProps';
+/**
+ * Represents the PropsContext of the `Signature` component.
+ * Used for global configuration of all `Signature` instances.
+ *
+ * For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+ */
+export declare const SignaturePropsContext: React.Context<(p: SignatureProps) => SignatureProps>;
+/**
+ * Represents the [KendoReact Signature component]({% slug overview_signature %}).
+ */
+export declare const Signature: React.ForwardRefExoticComponent<SignatureProps & React.RefAttributes<SignatureHandle | null>>;