@progress/kendo-react-inputs 5.6.0-dev.202208251227 → 5.7.0-sig.202208281415

package/docs/api/TextAreaPropsContext.md

@@ -0,0 +1,17 @@
+---
+title: TextAreaPropsContext
+description: "Learn how to build custom functionality when working with the React Inputs by Kendo UI with the help of the TextAreaPropsContext."
+api_reference: true
+type: inner_api
+slug: api_inputs_textareapropscontext
+---
+
+# TextAreaPropsContext
+Represents the PropsContext of the `TextArea` component.
+Used for global configuration of all `TextArea` instances.
+
+For more information, refer to the [Inputs Props Context]({% slug props-context_inputs %}) article.
+
+
+
+

package/docs/api/TileSize.md

@@ -0,0 +1,18 @@
+---
+title: TileSize
+description: "Learn how to build custom functionality when working with the React Inputs by Kendo UI with the help of the TileSize."
+api_reference: true
+type: inner_api
+slug: api_inputs_tilesize
+---
+
+# TileSize
+Specifies the size of a color cell.
+
+The possible values are:
+* (Default) `number = 24`
+* `{ width: number, height: number }`
+
+
+
+

package/docs/api/ToggleBaseProps.md

@@ -0,0 +1,132 @@
+---
+title: ToggleBaseProps
+description: "Learn how to build custom functionality when working with the React Inputs by Kendo UI with the help of the ToggleBaseProps."
+api_reference: true
+type: inner_api
+slug: api_inputs_togglebaseprops
+---
+
+# ToggleBaseProps
+The props passed to the Checkbox and Switch components.
+
+
+<table class="api-table api-table-properties">
+<thead>
+<tr>
+<th class="th-name">Name</th>
+<th class="th-type">Type</th>
+<th class="th-default">Default</th>
+<th class="th-desc">Description</th>
+</tr>
+</thead>
+<tbody class="api-table-body">
+<tr>
+<td class="table-cell-name">
+
+
+#### checked?
+
+
+</td>
+<td type class="table-cell-type">
+
+
+<code>
+
+
+any
+
+
+</code>
+
+
+</td>
+<td class="table-cell-default">
+
+
+
+
+</td>
+<td class="table-cell-comment">
+
+
+
+
+
+</td>
+</tr>
+<tr>
+<td class="table-cell-name">
+
+
+#### defaultChecked?
+
+
+</td>
+<td type class="table-cell-type">
+
+
+<code>
+
+
+any
+
+
+</code>
+
+
+</td>
+<td class="table-cell-default">
+
+
+
+
+</td>
+<td class="table-cell-comment">
+
+
+
+
+
+</td>
+</tr>
+<tr>
+<td class="table-cell-name">
+
+
+#### value?
+
+
+</td>
+<td type class="table-cell-type">
+
+
+<code>
+
+
+any
+
+
+</code>
+
+
+</td>
+<td class="table-cell-default">
+
+
+
+
+</td>
+<td class="table-cell-comment">
+
+
+
+
+
+</td>
+</tr>
+</tbody>
+</table>
+
+
+

package/docs/api/_meta.yml

@@ -0,0 +1,3 @@
+---
+title: API
+---

package/docs/api/index.md

@@ -0,0 +1,425 @@
+---
+title: Inputs API
+page_title: React Inputs API | Kendo UI for React
+description: "Learn how to build custom functionality of the React Inputs by Kendo UI with the help of the options available in the API."
+slug: api_inputs
+api_reference: true
+type: index_api
+position: 1
+---
+
+<span class="api-text">
+
+
+# Inputs API
+
+
+</span>
+
+<h2 class="api-module-name">
+@progress/kendo-react-inputs
+</h2>
+
+<div class="api-index">
+
+<div class="api-index-section">
+
+
+<span class="section-key">
+
+
+## Class
+
+
+</span>
+
+
+  <ul class="api-item-list">
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkbox %}">Checkbox</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkboxpropscontext %}">CheckboxPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorgradient %}">ColorGradient</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorgradientpropscontext %}">ColorGradientPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpalette %}">ColorPalette</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpalettepropscontext %}">ColorPalettePropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpicker %}">ColorPicker</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerpropscontext %}">ColorPickerPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_flatcolorpicker %}">FlatColorPicker</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_input %}">Input</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_inputpropscontext %}">InputPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_maskedtextbox %}">MaskedTextBox</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_maskedtextboxpropscontext %}">MaskedTextBoxPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextbox %}">NumericTextBox</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextboxpropscontext %}">NumericTextBoxPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobutton %}">RadioButton</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobuttonpropscontext %}">RadioButtonPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiogroup %}">RadioGroup</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiogrouppropscontext %}">RadioGroupPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_range %}">Range</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_rangeslider %}">RangeSlider</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_rangesliderpropscontext %}">RangeSliderPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_rating %}">Rating</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingitem %}">RatingItem</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingpropscontext %}">RatingPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signature %}">Signature</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signaturepropscontext %}">SignaturePropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_slider %}">Slider</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_sliderpropscontext %}">SliderPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_switch %}">Switch</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_switchpropscontext %}">SwitchPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_textarea %}">TextArea</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_textareapropscontext %}">TextAreaPropsContext</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_tilesize %}">TileSize</a>
+    </li>
+  </ul>
+</div>
+<div class="api-index-section">
+
+
+<span class="section-key">
+
+
+## Interface
+
+
+</span>
+
+
+  <ul class="api-item-list">
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkboxblurevent %}">CheckboxBlurEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkboxchangeevent %}">CheckboxChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkboxfocusevent %}">CheckboxFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkboxhandle %}">CheckboxHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_checkboxprops %}">CheckboxProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorgradientchangeevent %}">ColorGradientChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorgradientprops %}">ColorGradientProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpalettechangeevent %}">ColorPaletteChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpaletteprops %}">ColorPaletteProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickeractivecolorclick %}">ColorPickerActiveColorClick</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerblurevent %}">ColorPickerBlurEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerchangeevent %}">ColorPickerChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerfocusevent %}">ColorPickerFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickergradientsettings %}">ColorPickerGradientSettings</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerpalettesettings %}">ColorPickerPaletteSettings</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerpopupsettings %}">ColorPickerPopupSettings</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerprops %}">ColorPickerProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_flatcolorpickerhandle %}">FlatColorPickerHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_flatcolorpickerprops %}">FlatColorPickerProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_formcomponentvalidity %}">FormComponentValidity</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_inputchangeevent %}">InputChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_inputprops %}">InputProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_maskedtextboxchangeevent %}">MaskedTextBoxChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_maskedtextboxevent %}">MaskedTextBoxEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_maskedtextboxprops %}">MaskedTextBoxProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextboxblurevent %}">NumericTextBoxBlurEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextboxchangeevent %}">NumericTextBoxChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextboxfocusevent %}">NumericTextBoxFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextboxhandle %}">NumericTextBoxHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_numerictextboxprops %}">NumericTextBoxProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobuttonblurevent %}">RadioButtonBlurEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobuttonchangeevent %}">RadioButtonChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobuttonfocusevent %}">RadioButtonFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobuttonhandle %}">RadioButtonHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiobuttonprops %}">RadioButtonProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiogroupchangeevent %}">RadioGroupChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiogroupfocusevent %}">RadioGroupFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiogrouphandle %}">RadioGroupHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_radiogroupprops %}">RadioGroupProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_rangesliderchangeevent %}">RangeSliderChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_rangesliderhandle %}">RangeSliderHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_rangesliderprops %}">RangeSliderProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingchangeevent %}">RatingChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingfocusevent %}">RatingFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratinghandle %}">RatingHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingitemfocusevent %}">RatingItemFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingitemhandle %}">RatingItemHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingitemkeyboardevent %}">RatingItemKeyboardEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingitemmouseevent %}">RatingItemMouseEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingitemprops %}">RatingItemProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingkeyboardevent %}">RatingKeyboardEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingmouseevent %}">RatingMouseEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_ratingprops %}">RatingProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signatureblurevent %}">SignatureBlurEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signaturechangeevent %}">SignatureChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signaturecloseevent %}">SignatureCloseEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signaturefocusevent %}">SignatureFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signaturehandle %}">SignatureHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signatureopenevent %}">SignatureOpenEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_signatureprops %}">SignatureProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_sliderchangeevent %}">SliderChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_sliderlabelprops %}">SliderLabelProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_sliderprops %}">SliderProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_switchchangeevent %}">SwitchChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_switchprops %}">SwitchProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_textareablurevent %}">TextAreaBlurEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_textareachangeevent %}">TextAreaChangeEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_textareafocusevent %}">TextAreaFocusEvent</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_textareaprops %}">TextAreaProps</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_togglebaseprops %}">ToggleBaseProps</a>
+    </li>
+  </ul>
+</div>
+<div class="api-index-section">
+
+
+<span class="section-key">
+
+
+## Component
+
+
+</span>
+
+
+  <ul class="api-item-list">
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorgradienthandle %}">ColorGradientHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpalettehandle %}">ColorPaletteHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_inputhandle %}">InputHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_maskedtextboxhandle %}">MaskedTextBoxHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_sliderhandle %}">SliderHandle</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_sliderlabel %}">SliderLabel</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_switchhandle %}">SwitchHandle</a>
+    </li>
+  </ul>
+</div>
+<div class="api-index-section">
+
+
+<span class="section-key">
+
+
+## Union
+
+
+</span>
+
+
+  <ul class="api-item-list">
+    <li class="api-item">
+        <a href="{% slug api_inputs_colorpickerview %}">ColorPickerView</a>
+    </li>
+    <li class="api-item">
+        <a href="{% slug api_inputs_direction %}">Direction</a>
+    </li>
+  </ul>
+</div>
+
+</div>

package/docs/auto-imports.js

@@ -0,0 +1,40 @@
+window.moduleDirectives = (window.moduleDirectives || []).concat([{
+    module: '@progress/kendo-react-inputs',
+    main: 'dist/cdn/js/kendo-react-inputs.js',
+    match: '(MaskedTextBox|NumericTextBox|Input|Switch|Slider|Rating|RatingItem|RangeSlider|SliderLabel|ColorGradient|ColorPalette|ColorPicker|FlatColorPicker|Checkbox|RadioButton|RadioGroup|TextArea)',
+    import: 'MaskedTextBox, NumericTextBox, Input, Switch, Slider, Rating, RatingItem,RangeSlider, SliderLabel, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, Checkbox, RadioButton, RadioGroup, TextArea'
+}, {
+    module: '@progress/kendo-react-intl',
+    main: 'dist/cdn/js/kendo-react-intl.js'
+}, {
+    module: '@progress/kendo-drawing',
+    main: 'dist/cdn/js/kendo-drawing.js'
+}, {
+    module: '@progress/kendo-react-tooltip',
+    main: 'dist/cdn/js/kendo-react-tooltip.js'
+}, {
+    module: '@progress/kendo-react-form',
+    main: 'dist/cdn/js/kendo-react-form.js'
+}, {
+    module: '@progress/kendo-react-dropdowns',
+    main: 'dist/cdn/js/kendo-react-dropdowns.js'
+}, {
+    module: '@progress/kendo-react-buttons',
+    main: 'dist/cdn/js/kendo-react-buttons.js'
+}, {
+    module: '@progress/kendo-react-labels',
+    main: 'dist/cdn/js/kendo-react-labels.js'
+},{
+    module: '@progress/kendo-react-common',
+    main: 'dist/cdn/js/kendo-react-common.js'
+}, {
+    module: '@progress/kendo-react-grid',
+    main: 'dist/cdn/js/kendo-react-grid.js'
+}, {
+    module: '@progress/kendo-data-query',
+    main: 'dist/cdn/js/kendo-data-query.js'
+}, {
+    module: '@progress/kendo-date-math',
+    main: 'dist/cdn/js/kendo-date-math.js'
+}]);
+

package/docs/checkbox/_meta.yml

@@ -0,0 +1,3 @@
+title: Checkbox
+tags: component
+position: 2

package/docs/checkbox/accessibility.md

@@ -0,0 +1,26 @@
+---
+title: Accessibility
+description: "Apply the accessibility support provided for the KendoReact Checkbox."
+slug: accessibility_checkbox
+position: 10
+---
+
+# Accessibility
+
+The Checkbox is designed to be accessible by on-screen readers and provides full [WAI-ARIA accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support.
+
+## WAI-ARIA Support
+
+The Checkbox is WAI ARIA-accessible through the `Tab` key. The `aria-checked`,  and `aria-disabled` properties define the accessibility value and state.
+
+The Checkbox also follows the [WAI-ARIA best practices](https://www.w3.org/TR/wai-aria-practices/) for implementing the [keyboard navigation]({% slug keyboard_navigation_checkbox %}) for its component [role](https://www.w3.org/TR/wai-aria#roles) and is tested against the popular screen readers.
+
+
+## Section 508
+
+The Checkbox is compliant with the [Section 508](https://www.section508.gov/) requirements.
+
+## Suggested Links
+
+* [API Reference of the Checkbox]({% slug api_inputs_checkbox %})
+* [Keyboard Navigation]({% slug keyboard_navigation_checkbox %})