@progress/kendo-react-inputs 5.4.0-dev.202205250548 → 5.4.0-dev.202205271059

package/dist/es/checkbox/Checkbox.js

@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -102,7 +104,7 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
             }
         }
         if (onChange && !disabled) {
-            dispatchEvent(onChange, e, __assign({}, getImperativeHandle(), { value: val }), { value: val });
+            dispatchEvent(onChange, e, __assign(__assign({}, getImperativeHandle()), { value: val }), { value: val });
         }
     }, [isCheckedControlled, disabled, onChange, isValueControlled, getImperativeHandle]);
     var handleChange = React.useCallback(function (e) {
@@ -142,7 +144,7 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
     }, [onBlur, disabled, getImperativeHandle]);
     var dir = useDir(elementRef, props.dir);
     var checkboxClasses = classNames({ 'k-disabled': disabled }, className);
-    var inputProps = __assign({ type: 'checkbox', className: classNames('k-checkbox', (_a = {},
+    var inputProps = __assign(__assign({ type: 'checkbox', className: classNames('k-checkbox', (_a = {},
             _a["k-checkbox-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
             _a["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
             _a['k-indeterminate'] = indeterminateProp,
@@ -151,7 +153,7 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
             true :
             indeterminateProp ?
                 'mixed' :
-                false, 'aria-disabled': disabled || undefined }, others, { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
+                false, 'aria-disabled': disabled || undefined }, others), { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
     var checkboxInput = (React.createElement(React.Fragment, null, 
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value

package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/checkbox/interfaces/CheckboxProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/ColorContrastLabels.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/ColorContrastSvg.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/ColorGradient.d.ts

@@ -96,7 +96,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
     /**
      * @hidden
      */
-    onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * @hidden
      */
@@ -133,7 +133,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
     /**
      * @hidden
      */
-    readonly isUncontrolled: boolean;
+    get isUncontrolled(): boolean;
     /**
      * @hidden
      */

package/dist/es/colors/ColorGradient.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -218,7 +220,7 @@ var ColorGradientWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.value === undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/colors/ColorInput.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/ColorPalette.d.ts

@@ -80,8 +80,8 @@ export declare class ColorPaletteWithoutContext extends React.Component<ColorPal
     private handleCellNavigation;
     private handleEnter;
     private dispatchChangeEvent;
-    private readonly focusedColorCooridanates;
-    private readonly isUncontrolled;
+    private get focusedColorCooridanates();
+    private get isUncontrolled();
     private getPaletteInfo;
     private renderRows;
     private renderColumns;

package/dist/es/colors/ColorPalette.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -161,14 +163,14 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.state.focusedColor ? this.paletteService.getCellCoordsFor(this.state.focusedColor) : undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(ColorPaletteWithoutContext.prototype, "isUncontrolled", {
         get: function () {
             return this.props.value === undefined;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     ColorPaletteWithoutContext.prototype.getPaletteInfo = function () {

package/dist/es/colors/HexInput.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());

package/dist/es/colors/Picker.js

@@ -31,6 +31,6 @@ export var Picker = function (props) {
     return (React.createElement(React.Fragment, null,
         props.input,
         props.button,
-        React.createElement(Popup, __assign({ style: __assign({}, (popupSettings || {}).style, { direction: props.dir }) }, popupSettings, { anchor: props.popupAnchor, anchorAlign: anchorAlign, popupAlign: popupAlign, show: props.open, onOpen: props.onOpen, onClose: props.onClose, className: classNames('k-reset', popupSettings.className) }), props.content)));
+        React.createElement(Popup, __assign({ style: __assign(__assign({}, (popupSettings || {}).style), { direction: props.dir }) }, popupSettings, { anchor: props.popupAnchor, anchorAlign: anchorAlign, popupAlign: popupAlign, show: props.open, onOpen: props.onOpen, onClose: props.onClose, className: classNames('k-reset', popupSettings.className) }), props.content)));
 };
 Picker.displayName = 'KendoPickerComponent';

package/dist/es/colors/interfaces/ColorGradientChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorGradientProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPaletteProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerBlurEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerFocusEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerGradientSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/ColorPickerView.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/PickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/interfaces/PickerProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/hsva.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/output-format.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/rgb.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/rgba.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/table-cell.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/models/tile-size.js

@@ -0,0 +1 @@
+export {};

package/dist/es/colors/utils/color-parser.d.ts

@@ -7,7 +7,7 @@ import { RGBA } from '../models/rgba';
  *
  * Returns the hex or RGBA string representation of the color.
  */
-export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string;
+export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string | undefined;
 /**
  * @hidden
  *

package/dist/es/colors/utils/misc.d.ts

@@ -12,4 +12,4 @@ export declare const isPresent: (value: any) => boolean;
  * @param min The inclusive lower bound number.
  * @param max The inclusive upper bound number.
  */
-export declare const fitIntoBounds: (contender: number, min: number, max: number) => number;
+export declare const fitIntoBounds: (contender: number | undefined, min: number, max: number) => number;

package/dist/es/common/SwitchController.d.ts

@@ -18,14 +18,14 @@ declare class SwitchController {
     overrideChecked: (checked: boolean) => void;
     updateState({ wrapperOffset, handleOffset, checked, animate, coords, handleMargin, reverse }: any): void;
     change: (checked: boolean, event?: any) => void;
-    readonly isChecked: boolean;
+    get isChecked(): boolean;
     addAnimation: (model: any) => any;
     onPress: (event: any) => void;
     onRelease: (event: any) => void;
     onDrag: (event: any) => void;
     updateModel(position: any, animate?: boolean): SwitchModel;
     private limit;
-    readonly constrain: number;
-    readonly checked: boolean;
+    get constrain(): number;
+    get checked(): boolean;
 }
 export default SwitchController;

package/dist/es/common/SwitchController.js

@@ -12,9 +12,9 @@ var noop = function () { };
  */
 var SwitchController = /** @class */ (function () {
     function SwitchController(updateView, onChange) {
+        var _this = this;
         if (updateView === void 0) { updateView = noop; }
         if (onChange === void 0) { onChange = noop; }
-        var _this = this;
         this.overrideChecked = function (checked) {
             _this._checked = checked;
         };
@@ -91,7 +91,7 @@ var SwitchController = /** @class */ (function () {
         get: function () {
             return this._checked;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     SwitchController.prototype.updateModel = function (position, animate) {
@@ -103,14 +103,14 @@ var SwitchController = /** @class */ (function () {
         get: function () {
             return this.wrapperOffset - this.handleOffset - this.handleMargin;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(SwitchController.prototype, "checked", {
         get: function () {
             return this._checked;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return SwitchController;

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

@@ -77,23 +77,23 @@ export declare class InputWithoutContext extends React.Component<InputProps, Inp
     /**
      * Gets the native input element of the Input component.
      */
-    readonly element: HTMLInputElement | null;
+    get element(): HTMLInputElement | null;
     /**
      * Gets the value of the Input.
      */
-    readonly value: string | string[] | number | undefined;
+    get value(): string | string[] | number | undefined;
     /**
      * Gets the `name` property of the Input.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * Represents the validity state into which the Input is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */

package/dist/es/input/Input.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -112,7 +116,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._input;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(InputWithoutContext.prototype, "value", {
@@ -126,7 +130,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
                     ? this.props.value
                     : this.state.value;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(InputWithoutContext.prototype, "name", {
@@ -136,7 +140,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(InputWithoutContext.prototype, "validity", {
@@ -156,13 +160,13 @@ var InputWithoutContext = /** @class */ (function (_super) {
                 typeMismatch: this._input ? this._input.validity.typeMismatch : false,
                 valueMissing: this._input ? this._input.validity.valueMissing : false
             };
-            return __assign({}, result, { customError: this.props.validationMessage !== undefined, valid: this.props.valid !== undefined
+            return __assign(__assign({}, result), { customError: this.props.validationMessage !== undefined, valid: this.props.valid !== undefined
                     ? this.props.valid
                     : this._input
                         ? !this.isInvalid(result)
                         : true });
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(InputWithoutContext.prototype, "validityStyles", {
@@ -174,7 +178,7 @@ var InputWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : InputWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**

package/dist/es/input/interfaces/InputChangeEvent.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/Direction.js

@@ -0,0 +1 @@
+export {};

package/dist/es/interfaces/ToggleBaseProps.js

@@ -0,0 +1 @@
+export {};

package/dist/es/main.js

@@ -1,17 +1,48 @@
 export { ColorGradient, ColorGradientPropsContext } from './colors/ColorGradient';
 export { ColorPalette, ColorPalettePropsContext } from './colors/ColorPalette';
 export * from './colors/ColorPicker';
+export * from './colors/interfaces/ColorGradientChangeEvent';
+export * from './colors/interfaces/ColorGradientProps';
+export * from './colors/interfaces/ColorPaletteChangeEvent';
+export * from './colors/interfaces/ColorPaletteProps';
+export * from './colors/interfaces/ColorPickerBlurEvent';
+export * from './colors/interfaces/ColorPickerChangeEvent';
+export * from './colors/interfaces/ColorPickerFocusEvent';
+export * from './colors/interfaces/ColorPickerGradientSettings';
+export * from './colors/interfaces/ColorPickerPaletteSettings';
+export * from './colors/interfaces/ColorPickerPopupSettings';
+export * from './colors/interfaces/ColorPickerProps';
 export * from './colors/FlatColorPicker';
 export { Input, InputPropsContext } from './input/Input';
 export { MaskedTextBox, MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox';
+export * from './maskedtextbox/MaskedTextBoxProps';
 export * from './numerictextbox/NumericTextBox';
+export * from './numerictextbox/interfaces/NumericTextBoxHandle';
+export * from './numerictextbox/interfaces/NumericTextBoxChangeEvent';
+export * from './numerictextbox/interfaces/NumericTextBoxBlurEvent';
+export * from './numerictextbox/interfaces/NumericTextBoxFocusEvent';
+export * from './numerictextbox/interfaces/NumericTextBoxProps';
 export { Slider, SliderPropsContext } from './slider/Slider';
 export * from './slider/SliderLabel';
 export * from './range-slider/RangeSlider';
+export * from './interfaces/ToggleBaseProps';
 export { Switch, SwitchPropsContext } from './switch/Switch';
+export * from './checkbox/interfaces/CheckboxProps';
+export * from './checkbox/interfaces/CheckboxChangeEvent';
+export * from './checkbox/interfaces/CheckboxFocusEvent';
 export * from './checkbox/Checkbox';
 export * from './radiobutton/RadioGroup';
+export * from './radiobutton/interfaces/RadioGroupProps';
+export * from './radiobutton/interfaces/RadioGroupChangeEvent';
+export * from './radiobutton/interfaces/RadioGroupFocusEvent';
 export * from './radiobutton/RadioButton';
+export * from './radiobutton/interfaces/RadioButtonProps';
+export * from './radiobutton/interfaces/RadioButtonChangeEvent';
+export * from './radiobutton/interfaces/RadioButtonFocusEvent';
 export * from './textarea/TextArea';
+export * from './textarea/interfaces/TextAreaProps';
+export * from './textarea/interfaces/TextAreaChangeEvent';
+export * from './textarea/interfaces/TextAreaFocusEvent';
 export * from './rating/Rating';
 export * from './rating/RatingItem';
+export * from './rating/models/index';

package/dist/es/maskedtextbox/MaskedTextBox.d.ts

@@ -49,8 +49,8 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         validityStyles: PropTypes.Requireable<boolean>;
         onChange: PropTypes.Requireable<(...args: any[]) => any>;
         size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large">;
+        fillMode: PropTypes.Requireable<"flat" | "solid" | "outline">;
     };
     /**
      * @hidden
@@ -66,8 +66,8 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
         required: boolean;
         validityStyles: boolean;
         size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        rounded: "small" | "medium" | "full" | "large";
+        fillMode: "flat" | "solid" | "outline";
     };
     /**
      * @hidden
@@ -115,31 +115,31 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
      * );
      * ```
      */
-    readonly element: HTMLInputElement | null;
+    get element(): HTMLInputElement | null;
     /**
      * Gets the value with the mask of the MaskedTextBox.
      */
-    readonly value: string;
+    get value(): string;
     /**
      * Gets the raw value without the mask of the MaskedTextBox.
      */
-    readonly rawValue: string;
+    get rawValue(): string;
     /**
      * Represents the validity state into which the MaskedTextBox is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * Gets the `name` property of the MaskedTextBox.
      */
-    readonly name: string | undefined;
+    get name(): string | undefined;
     /**
      * @hidden
      */
@@ -158,7 +158,7 @@ export declare class MaskedTextBoxWithoutContext extends React.Component<MaskedT
     private blurHandler;
     private triggerOnChange;
     private updateService;
-    private readonly rules;
+    private get rules();
     private setValidity;
 }
 /**