@progress/kendo-react-inputs 6.1.1 → 7.0.0-develop.1

package/dist/npm/colors/FlatColorPicker.js

@@ -1,179 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlatColorPicker = void 0;
-/* eslint-disable max-len */
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var main_1 = require("../main");
-var package_metadata_1 = require("../package-metadata");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var messages_1 = require("../messages");
-var defaultColor = 'rgba(255, 255, 255, 1)';
-;
-;
-/**
- * Represents the [KendoReact FlatColorPicker component]({% slug overview_flatcolorpicker %}).
- * Accepts properties of type [FlatColorPickerProps]({% slug api_inputs_flatcolorpickerprops %}). Obtaining the [FlatColorPickerHandle]({% slug api_inputs_flatcolorpickerhandle %}).
- *
- * @example
- * ```jsx
- * class App extends React.Component {
- *     render() {
- *         return <FlatColorPicker />;
- *     }
- * }
- * ReactDOM.render(<App />, document.querySelector('my-app'));
- * ```
- */
-exports.FlatColorPicker = React.forwardRef(function (props, ref) {
-    (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-    var target = React.useRef(null);
-    var flatColorPickerRef = React.useRef(null);
-    var colorGradientRef = React.useRef(null);
-    var _a = props.defaultValue, defaultValue = _a === void 0 ? defaultColor : _a, _b = props.showButtons, showButtons = _b === void 0 ? true : _b, _c = props.showPreview, showPreview = _c === void 0 ? true : _c, _d = props.showClearButton, showClearButton = _d === void 0 ? true : _d;
-    var _e = React.useState((props.view || 'ColorGradient') === 'ColorGradient'), colorGradientView = _e[0], setColorGradientView = _e[1];
-    var _f = React.useState(props.value || defaultValue), colorValue = _f[0], setColorValue = _f[1];
-    var _g = React.useState(props.value || defaultValue), prevColor = _g[0], setPrevColor = _g[1];
-    var value = props.value !== undefined ? props.value : prevColor;
-    React.useEffect(function () {
-        setColorValue(props.value || defaultValue);
-    }, [props.value, defaultValue]);
-    var localizationService = (0, kendo_react_intl_1.useLocalization)();
-    var focus = React.useCallback(function () {
-        if (target.current) {
-            target.current.focus();
-        }
-    }, [target]);
-    React.useImperativeHandle(target, function () { return ({
-        element: flatColorPickerRef.current,
-        focus: focus,
-        props: props,
-        value: value
-    }); }, [value, focus, props]);
-    React.useImperativeHandle(ref, function () { return target.current; });
-    var handleViewChange = React.useCallback(function (viewType) {
-        if ((viewType === 'ColorGradient' && !colorGradientView) || (viewType === 'ColorPalette' && colorGradientView)) {
-            setColorGradientView(!colorGradientView);
-        }
-    }, [colorGradientView]);
-    var handleResetColor = React.useCallback(function (event) {
-        setColorValue(defaultValue);
-        if (props.onPreviewChange) {
-            var ev = {
-                value: defaultValue,
-                nativeEvent: event.nativeEvent,
-                syntheticEvent: event
-            };
-            props.onPreviewChange.call(undefined, ev);
-        }
-    }, [defaultValue, props.onPreviewChange]);
-    var handleColorChange = React.useCallback(function (event) {
-        setColorValue(event.value);
-        if (props.onPreviewChange) {
-            var ev = {
-                value: event.value,
-                nativeEvent: event.nativeEvent,
-                syntheticEvent: event.syntheticEvent
-            };
-            props.onPreviewChange.call(undefined, ev);
-        }
-    }, [props.onPreviewChange]);
-    var handleApplyBtnClick = React.useCallback(function (event) {
-        setPrevColor(colorValue);
-        if (props.onChange) {
-            var ev = {
-                value: colorValue,
-                nativeEvent: event.nativeEvent,
-                syntheticEvent: event
-            };
-            props.onChange.call(undefined, ev);
-        }
-    }, [colorValue, props.onChange]);
-    var handleCancelBtnClick = React.useCallback(function () {
-        setPrevColor(defaultColor);
-    }, []);
-    var handlePrevColorClick = React.useCallback(function (event) {
-        setColorValue(prevColor);
-        if (props.onPreviewChange) {
-            var ev = {
-                value: prevColor,
-                nativeEvent: event.nativeEvent,
-                syntheticEvent: event
-            };
-            props.onPreviewChange.call(undefined, ev);
-        }
-    }, [prevColor, props.onPreviewChange]);
-    var handleFocus = React.useCallback(function (event) {
-        if (flatColorPickerRef.current && event.nativeEvent.target instanceof HTMLInputElement === false) {
-            flatColorPickerRef.current.focus();
-        }
-    }, [flatColorPickerRef]);
-    var handleFlatColorPickerBlur = React.useCallback(function (event) {
-        var _a;
-        var blurred = (!event.relatedTarget || !((_a = flatColorPickerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)));
-        if (!blurred) {
-            return;
-        }
-        if (!showButtons) {
-            setPrevColor(colorValue);
-        }
-        if (!showButtons && props.onChange) {
-            var ev = {
-                value: colorValue,
-                nativeEvent: event.nativeEvent,
-                syntheticEvent: event
-            };
-            props.onChange.call(undefined, ev);
-        }
-    }, [colorValue, showButtons, props.onChange]);
-    return (React.createElement("div", { id: props.id, role: 'textbox', "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-disabled": props.disabled ? 'true' : undefined, style: props.style, ref: flatColorPickerRef, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), className: (0, kendo_react_common_1.classNames)('k-flatcolorpicker k-coloreditor', {
-            'k-disabled': props.disabled
-        }, props.className), onBlur: handleFlatColorPickerBlur },
-        React.createElement(React.Fragment, null,
-            props.header ||
-                React.createElement("div", { className: "k-coloreditor-header k-hstack" },
-                    React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
-                        React.createElement(kendo_react_buttons_1.ButtonGroup, { className: "k-button-group-flat" },
-                            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 }),
-                            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 }))),
-                    React.createElement("div", { className: "k-spacer" }),
-                    React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
-                        showClearButton &&
-                            React.createElement(kendo_react_buttons_1.Button, { type: "button", fillMode: 'flat', onClick: handleResetColor, "aria-label": localizationService.toLanguageString(messages_1.flatColorPickerClearBtn, messages_1.messages[messages_1.flatColorPickerClearBtn]), icon: "droplet-slash", svgIcon: kendo_svg_icons_1.dropletSlashIcon }),
-                        showPreview &&
-                            React.createElement("div", { className: "k-coloreditor-preview k-vstack" },
-                                React.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: colorValue } }),
-                                React.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: prevColor }, onClick: handlePrevColorClick })))),
-            React.createElement("div", { className: "k-coloreditor-views k-vstack" }, colorGradientView
-                ? React.createElement(main_1.ColorGradient, { ref: colorGradientRef, role: "none", tabIndex: -1, ariaLabel: undefined, value: colorValue, onChange: handleColorChange, onFocus: handleFocus, opacity: props.opacity, format: props.format })
-                : React.createElement(main_1.ColorPalette, { ariaDisabled: true, ariaLabelledBy: 'required_label', value: colorValue, onChange: handleColorChange, onFocus: handleFocus })),
-            showButtons &&
-                React.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" },
-                    React.createElement(kendo_react_buttons_1.Button, { type: "button", className: "k-coloreditor-cancel", onClick: handleCancelBtnClick }, messages_1.messages[messages_1.flatColorPickerCancelBtn]),
-                    React.createElement(kendo_react_buttons_1.Button, { type: "button", className: "k-coloreditor-apply k-primary", onClick: handleApplyBtnClick }, messages_1.messages[messages_1.flatColorPickerApplyBtn])))));
-});
-var propTypes = {
-    id: PropTypes.string,
-    style: PropTypes.any,
-    className: PropTypes.string,
-    value: PropTypes.string,
-    defaultValue: PropTypes.string,
-    onPreviewChange: PropTypes.func,
-    onChange: PropTypes.func,
-    opacity: PropTypes.bool,
-    format: PropTypes.any,
-    tabIndex: PropTypes.number,
-    ariaLabel: PropTypes.string,
-    ariaLabelledBy: PropTypes.string,
-    disabled: PropTypes.bool,
-    view: PropTypes.any,
-    header: PropTypes.any,
-    showClearButton: PropTypes.bool,
-    showPreview: PropTypes.bool,
-    showButtons: PropTypes.bool
-};
-exports.FlatColorPicker.displayName = 'KendoFlatColorPicker';
-exports.FlatColorPicker.propTypes = propTypes;

package/dist/npm/colors/HexInput.js

@@ -1,56 +0,0 @@
-"use strict";
-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 (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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-var color_parser_1 = require("./utils/color-parser");
-var misc_1 = require("./utils/misc");
-var Input_1 = require("../input/Input");
-/**
- * @hidden
- */
-var HexInput = /** @class */ (function (_super) {
-    __extends(HexInput, _super);
-    function HexInput(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onChange = function (event) {
-            var hex = event.target.value;
-            var value = (0, color_parser_1.parseColor)(hex, 'rgba');
-            _this.setState({ hex: hex });
-            if ((0, misc_1.isPresent)(value)) {
-                _this.props.onHexChange(hex, value, event);
-            }
-        };
-        _this.onBlur = function () {
-            if (!(0, misc_1.isPresent)((0, color_parser_1.parseColor)(_this.state.hex, 'rgba'))) {
-                _this.setState({ hex: _this.state.originalHex });
-            }
-        };
-        _this.state = { hex: _this.props.hex, originalHex: _this.props.hex };
-        return _this;
-    }
-    HexInput.prototype.render = function () {
-        return (React.createElement(Input_1.Input, { value: this.state.hex, onChange: this.onChange, onBlur: this.onBlur, disabled: this.props.disabled }));
-    };
-    HexInput.getDerivedStateFromProps = function (props, state) {
-        if (props.hex !== state.originalHex) {
-            return { hex: props.hex, originalHex: props.hex };
-        }
-        return null;
-    };
-    return HexInput;
-}(React.Component));
-exports.default = HexInput;

package/dist/npm/colors/Picker.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { PickerProps } from './interfaces/PickerProps';
-/**
- * @hidden
- */
-export declare const Picker: React.FunctionComponent<PickerProps>;

package/dist/npm/colors/Picker.js

@@ -1,40 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Picker = void 0;
-var React = require("react");
-var kendo_react_popup_1 = require("@progress/kendo-react-popup");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-/**
- * @hidden
- */
-var ANCHOR_VERTICAL_ALIGN = 'bottom';
-/**
- * @hidden
- */
-var POPUP_VERTICAL_ALIGN = 'top';
-/**
- * @hidden
- */
-var Picker = function (props) {
-    var popupSettings = props.popupSettings || {};
-    var horizontalAlign = props.dir === 'rtl' ? 'right' : 'left';
-    var anchorAlign = React.useMemo(function () { return ({ horizontal: horizontalAlign, vertical: ANCHOR_VERTICAL_ALIGN }); }, [horizontalAlign]);
-    var popupAlign = React.useMemo(function () { return ({ horizontal: horizontalAlign, vertical: POPUP_VERTICAL_ALIGN }); }, [horizontalAlign]);
-    return (React.createElement(React.Fragment, null,
-        props.input,
-        props.button,
-        React.createElement(kendo_react_popup_1.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: (0, kendo_react_common_1.classNames)('k-reset', popupSettings.className) }), props.content)));
-};
-exports.Picker = Picker;
-exports.Picker.displayName = 'KendoPickerComponent';

package/dist/npm/colors/interfaces/ColorGradientChangeEvent.d.ts

@@ -1,11 +0,0 @@
-import { BaseEvent } from '@progress/kendo-react-common';
-import { ColorGradient } from '../ColorGradient';
-/**
- * The arguments for the `onChange` ColorGradient event.
- */
-export interface ColorGradientChangeEvent extends BaseEvent<ColorGradient> {
-    /**
-     * The current value of the ColorGradient.
-     */
-    value: string;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorGradientProps.d.ts

@@ -1,98 +0,0 @@
-/// <reference types="react" />
-import { ColorGradientChangeEvent } from './ColorGradientChangeEvent';
-/**
- * Represents the props of the [KendoReact ColorGradient component]({% slug overview_colorgradient %}).
- */
-export interface ColorGradientProps {
-    /**
-     * The default value of the ColorGradient.
-     */
-    defaultValue?: string;
-    /**
-     * The value of the ColorGradient.
-     */
-    value?: string;
-    /**
-     * @hidden
-     */
-    role?: string;
-    /**
-     * Determines the event handler that will be fired when the user edits the value.
-     */
-    onChange?: (event: ColorGradientChangeEvent) => void;
-    /**
-     * Represents the focus event.
-     */
-    onFocus?: (event: any) => void;
-    /**
-     * Determines whether the alpha slider and the alpha input will be displayed. Defaults to `true`.
-     */
-    opacity?: boolean;
-    /**
-     * Enables the color contrast tool.
-     * Sets the background color that will be compared to the selected value.
-     * The tool will calculate the contrast ratio between two colors.
-     * Currently, only the RGBA format is supported.
-     */
-    backgroundColor?: string;
-    /**
-     * Determines whether the ColorGradient is disabled
-     * ([more information and example]({% slug disabled_colorgradient %})).
-     *
-     * @example
-     * ```jsx
-     * class App extends React.Component {
-     *    render() {
-     *       return (
-     *           <ColorGradient disabled={true} />
-     *       );
-     *    }
-     * }
-     * ReactDOM.render(<App />, document.querySelector('my-app'));
-     * ```
-     */
-    disabled?: boolean;
-    /**
-     * The styles that are applied to the ColorGradient.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the `tabIndex` property of the ColorGradient.
-     */
-    tabIndex?: number;
-    /**
-     * Specifies the id of the component.
-     */
-    id?: string;
-    /**
-     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
-     * For example these elements could contain error or hint message.
-     */
-    ariaDescribedBy?: string;
-    /**
-     * Represents the label of the `hsv` drag handle component used inside the ColorGradient.
-     */
-    ariaLabelHSV?: string;
-    /**
-     * Represent the label of the component.
-     */
-    ariaLabel?: string;
-    /**
-     * Identifies the element(s) which will label the component.
-     */
-    ariaLabelledBy?: string;
-    /**
-     * Represents the text rendered inside the `hsv` drag handle.
-     */
-    ariaValueText?: string;
-    /**
-     * Sets the default input format in the gradient input editor.
-     *
-     * @default 'rgb'
-     */
-    format?: 'rgba' | 'rgb' | 'hex';
-    /**
-     * Sets additional classes to the ColorGradient.
-     */
-    className?: string;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorPickerBlurEvent.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/**
- * The arguments for the `onBlur` ColorPicker event.
- */
-export interface ColorPickerBlurEvent {
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorPickerChangeEvent.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * The arguments for the `onChange` ColorPicker event.
- */
-export interface ColorPickerChangeEvent {
-    /**
-     * The current value of the ColorPicker.
-     */
-    value: string;
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorPickerFocusEvent.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/**
- * The arguments for the `onFocus` ColorPicker event.
- */
-export interface ColorPickerFocusEvent {
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorPickerGradientSettings.d.ts

@@ -1,18 +0,0 @@
-/**
- * The settings of the ColorGradient that is nested inside the popup of the ColorPicker
- * ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-gradient-popup)).
- */
-export interface ColorPickerGradientSettings {
-    /**
-     * Specifies if the component will render an alpha slider.
-     * Defaults to `true`.
-     */
-    opacity?: boolean;
-    /**
-     * Enables the color contrast tool.
-     * Sets the background color that will be compared to the selected value.
-     * The tool will calculate the contrast ratio between two colors.
-     * Currently, only the RGBA format is supported.
-     */
-    backgroundColor?: string;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorPickerPaletteSettings.d.ts

@@ -1,32 +0,0 @@
-import { TileSize } from '../models/tile-size';
-/**
- * The settings of the ColorPalette that is nested inside the popup of the ColorPicker
- * ([see example]({% slug customizecolorpicker_colorpicker %}#toc-customizing-the-palette-popup)).
- */
-export interface ColorPickerPaletteSettings {
-    /**
-     * Specifies the set of colors.
-     * Provides a set of predefined palette presets (for example, `office`, `basic`, and `apex`)
-     * and enables you to implement a custom color palette.
-     * Defaults to the `office` preset.
-     *
-     * The supported values are:
-     * * The name of the predefined palette preset (for example, `office`, `basic`, and `apex`).
-     * * A string with comma-separated colors.
-     * * A string array.
-     */
-    palette?: string | Array<string>;
-    /**
-     * Specifies the number of columns that will be displayed.
-     * Defaults to `10`.
-     */
-    columns?: number;
-    /**
-     * Specifies the size of a color cell.
-     *
-     * The possible values are:
-     * * (Default) `24`
-     * * `{ width: number, height: number }`
-     */
-    tileSize?: number | TileSize;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/ColorPickerView.d.ts

@@ -1,10 +0,0 @@
-/**
- * Specifies the view which the ColorPicker will render in the popup
- * ([see example]({% slug combinedview_colorpicker %})).
- *
- * The possible values are:
- * * (Default) `palette`
- * * `gradient`
- * * `combo`
- */
-export declare type ColorPickerView = 'gradient' | 'palette' | 'combo';

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/PickerPopupSettings.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { PopupAnimation } from '@progress/kendo-react-popup';
-/**
- * @hidden
- */
-export interface PickerPopupSettings {
-    /**
-     * Controls the popup animation. By default, the open and close animations are enabled.
-     */
-    animate?: boolean | PopupAnimation;
-    /**
-     * Specifies a list of CSS classes that will be added to the Popup element.
-     */
-    className?: string | Array<string>;
-    /**
-     * The styles that are passed to the popup element.
-     */
-    style?: React.CSSProperties;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/interfaces/PickerProps.d.ts

@@ -1,42 +0,0 @@
-import { PickerPopupSettings } from './PickerPopupSettings';
-/**
- * @hidden
- */
-export interface PickerProps {
-    /**
-     * The popup settings.
-     */
-    popupSettings: PickerPopupSettings;
-    /**
-     * The rendered input element.
-     */
-    input?: any;
-    /**
-     * The rendered button element.
-     */
-    button?: any;
-    /**
-     * The content of the popup.
-     */
-    content?: any;
-    /**
-     * The `direction` CSS property of the popup content.
-     */
-    dir?: string;
-    /**
-     * The open state of the popup.
-     */
-    open: boolean;
-    /**
-     * Specifies the element which will be used as an anchor for the popup. The popup opens next to that element.
-     */
-    popupAnchor?: HTMLElement;
-    /**
-     * @hidden
-     */
-    onOpen?: () => void;
-    /**
-     * @hidden
-     */
-    onClose?: () => void;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/models/hsva.d.ts

@@ -1,9 +0,0 @@
-/**
- * @hidden
- */
-export interface HSVA {
-    h?: number;
-    s?: number;
-    v?: number;
-    a?: number;
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/colors/models/output-format.d.ts

@@ -1,4 +0,0 @@
-/**
- * @hidden
- */
-export declare type OutputFormat = 'hex' | 'rgba';

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });