@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/TextArea/TextArea.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { HTMLProps } from 'react';
+export declare enum TextAreResizeOrientation {
+    horizontal = "horizontal",
+    vertical = "vertical",
+    both = "both"
+}
+export declare enum TextAreaReadOnlyVariant {
+    default = "default",
+    plain = "plain"
+}
+export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onChange' | 'ref'> {
+    /** Additional classes added to the text area. */
+    className?: string;
+    /** Flag to show if the text area is required. */
+    isRequired?: boolean;
+    /** Flag to show if the text area is disabled. */
+    isDisabled?: boolean;
+    /** @deprecated Use readOnlyVariant instead. Flag to show if the text area is read only. */
+    isReadOnly?: boolean;
+    /** Read only variant. */
+    readOnlyVariant?: 'default' | 'plain';
+    /** Use the external file instead of a data URI */
+    isIconSprite?: boolean;
+    /** Flag to modify height based on contents. */
+    autoResize?: boolean;
+    /** Value to indicate if the text area is modified to show that validation state.
+     * If set to success, text area will be modified to indicate valid state.
+     * If set to error, text area will be modified to indicate error state.
+     */
+    validated?: 'success' | 'warning' | 'error' | 'default';
+    /** Value of the text area. */
+    value?: string | number;
+    /** A callback for when the text area value changes. */
+    onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /** Sets the orientation to limit the resize to */
+    resizeOrientation?: 'horizontal' | 'vertical' | 'both';
+    /** Custom flag to show that the text area requires an associated id or aria-label. */
+    'aria-label'?: string;
+    /** A reference object to attach to the text area. */
+    innerRef?: React.RefObject<any>;
+}
+export declare class TextAreaBase extends React.Component<TextAreaProps> {
+    static displayName: string;
+    static defaultProps: TextAreaProps;
+    inputRef: React.RefObject<HTMLTextAreaElement>;
+    private setAutoHeight;
+    constructor(props: TextAreaProps);
+    componentDidMount(): void;
+    private handleChange;
+    render(): JSX.Element;
+}
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=TextArea.d.ts.map

package/components/TextArea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,oBAAY,wBAAwB;IAClC,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC7F,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACtC,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClF,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IAC9D,MAAM,CAAC,WAAW,SAAc;IAChC,MAAM,CAAC,YAAY,EAAE,aAAa,CAShC;IAEF,QAAQ,uCAA0C;IAElD,OAAO,CAAC,aAAa,CAWnB;gBAEU,KAAK,EAAE,aAAa;IAQhC,iBAAiB,IAAI,IAAI;IAQzB,OAAO,CAAC,YAAY,CASlB;IAEF,MAAM;CA0CP;AAED,eAAO,MAAM,QAAQ,2FAEnB,CAAC"}

package/components/TextArea/TextArea.js

@@ -0,0 +1,78 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/FormControl/form-control';
+import heightToken from '@patternfly/react-tokens/dist/esm/c_form_control_textarea_Height';
+import { css } from '@patternfly/react-styles';
+import { capitalize, ValidatedOptions, canUseDOM } from '../../helpers';
+export var TextAreResizeOrientation;
+(function (TextAreResizeOrientation) {
+    TextAreResizeOrientation["horizontal"] = "horizontal";
+    TextAreResizeOrientation["vertical"] = "vertical";
+    TextAreResizeOrientation["both"] = "both";
+})(TextAreResizeOrientation || (TextAreResizeOrientation = {}));
+export var TextAreaReadOnlyVariant;
+(function (TextAreaReadOnlyVariant) {
+    TextAreaReadOnlyVariant["default"] = "default";
+    TextAreaReadOnlyVariant["plain"] = "plain";
+})(TextAreaReadOnlyVariant || (TextAreaReadOnlyVariant = {}));
+export class TextAreaBase extends React.Component {
+    constructor(props) {
+        super(props);
+        this.inputRef = React.createRef();
+        this.setAutoHeight = (field) => {
+            field.style.setProperty(heightToken.name, 'inherit');
+            const computed = window.getComputedStyle(field);
+            // Calculate the height
+            const height = parseInt(computed.getPropertyValue('border-top-width')) +
+                parseInt(computed.getPropertyValue('padding-top')) +
+                field.scrollHeight +
+                parseInt(computed.getPropertyValue('padding-bottom')) +
+                parseInt(computed.getPropertyValue('border-bottom-width'));
+            field.style.setProperty(heightToken.name, `${height}px`);
+        };
+        this.handleChange = (event) => {
+            // https://gomakethings.com/automatically-expand-a-textarea-as-the-user-types-using-vanilla-javascript/
+            const field = event.currentTarget;
+            if (this.props.autoResize && canUseDOM) {
+                this.setAutoHeight(field);
+            }
+            if (this.props.onChange) {
+                this.props.onChange(field.value, event);
+            }
+        };
+        if (!props.id && !props['aria-label']) {
+            // eslint-disable-next-line no-console
+            console.error('TextArea: TextArea requires either an id or aria-label to be specified');
+        }
+    }
+    componentDidMount() {
+        const inputRef = this.props.innerRef || this.inputRef;
+        if (this.props.autoResize && canUseDOM) {
+            const field = inputRef.current;
+            this.setAutoHeight(field);
+        }
+    }
+    render() {
+        const _a = this.props, { className, value, validated, isRequired, isDisabled, isIconSprite, isReadOnly, readOnlyVariant, resizeOrientation, innerRef, disabled, 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        autoResize, onChange } = _a, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        props = __rest(_a, ["className", "value", "validated", "isRequired", "isDisabled", "isIconSprite", "isReadOnly", "readOnlyVariant", "resizeOrientation", "innerRef", "disabled", "autoResize", "onChange"]);
+        const orientation = `resize${capitalize(resizeOrientation)}`;
+        return (React.createElement("textarea", Object.assign({ className: css(styles.formControl, isIconSprite && styles.modifiers.iconSprite, readOnlyVariant === 'plain' && styles.modifiers.plain, className, resizeOrientation !== TextAreResizeOrientation.both && styles.modifiers[orientation], validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning), onChange: this.handleChange }, (typeof this.props.defaultValue !== 'string' && { value }), { "aria-invalid": validated === ValidatedOptions.error, required: isRequired, disabled: isDisabled || disabled, readOnly: !!readOnlyVariant || isReadOnly, ref: innerRef || this.inputRef }, props)));
+    }
+}
+TextAreaBase.displayName = 'TextArea';
+TextAreaBase.defaultProps = {
+    innerRef: React.createRef(),
+    className: '',
+    isRequired: false,
+    isDisabled: false,
+    isIconSprite: false,
+    validated: 'default',
+    resizeOrientation: 'both',
+    'aria-label': null
+};
+export const TextArea = React.forwardRef((props, ref) => (React.createElement(TextAreaBase, Object.assign({}, props, { innerRef: ref }))));
+TextArea.displayName = 'TextArea';
+//# sourceMappingURL=TextArea.js.map

package/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"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"}

package/components/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextArea';
+//# sourceMappingURL=index.d.ts.map

package/components/TextArea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/components/TextArea/index.js

@@ -0,0 +1,2 @@
+export * from './TextArea';
+//# sourceMappingURL=index.js.map

package/components/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/components/TextInput/TextInput.d.ts

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export declare enum TextInputTypes {
+    text = "text",
+    date = "date",
+    datetimeLocal = "datetime-local",
+    email = "email",
+    month = "month",
+    number = "number",
+    password = "password",
+    search = "search",
+    tel = "tel",
+    time = "time",
+    url = "url"
+}
+export declare enum TextInputReadOnlyVariant {
+    default = "default",
+    plain = "plain"
+}
+export interface TextInputProps extends Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onBlur' | 'disabled' | 'ref'>, OUIAProps {
+    /** Additional classes added to the text input. */
+    className?: string;
+    /** Flag to show if the text input is disabled. */
+    isDisabled?: boolean;
+    /** @deprecated Use readOnlyVariant instead. Flag to show if the text input is read only. */
+    isReadOnly?: boolean;
+    /** Read only variant. */
+    readOnlyVariant?: 'plain' | 'default';
+    isRequired?: boolean;
+    /** Value to indicate if the text input is modified to show that validation state.
+     * If set to success, text input will be modified to indicate valid state.
+     * If set to error, text input will be modified to indicate error state.
+     */
+    validated?: 'success' | 'warning' | 'error' | 'default';
+    /** A callback for when the text input value changes. */
+    onChange?: (value: string, event: React.FormEvent<HTMLInputElement>) => void;
+    /** Type that the text input accepts. */
+    type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
+    /** Value of the text input. */
+    value?: string | number;
+    /** Aria-label. The text input requires an associated id or aria-label. */
+    'aria-label'?: string;
+    /** A reference object to attach to the text input box. */
+    innerRef?: React.RefObject<any>;
+    /** Trim text on left */
+    isLeftTruncated?: boolean;
+    /** Callback function when text input is focused */
+    onFocus?: (event?: any) => void;
+    /** Callback function when text input is blurred (focus leaves) */
+    onBlur?: (event?: any) => void;
+    /** icon variant */
+    iconVariant?: 'calendar' | 'clock' | 'search';
+    /** Use the external file instead of a data URI */
+    isIconSprite?: boolean;
+    /** Custom icon url to set as the text input's background-image */
+    customIconUrl?: string;
+    /** Dimensions for the custom icon set as the text input's background-size */
+    customIconDimensions?: string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+interface TextInputState {
+    ouiaStateId: string;
+}
+export declare class TextInputBase extends React.Component<TextInputProps, TextInputState> {
+    static displayName: string;
+    static defaultProps: TextInputProps;
+    inputRef: React.RefObject<HTMLInputElement>;
+    observer: any;
+    constructor(props: TextInputProps);
+    handleChange: (event: React.FormEvent<HTMLInputElement>) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    handleResize: () => void;
+    restoreText: () => void;
+    onFocus: (event?: any) => void;
+    onBlur: (event?: any) => void;
+    render(): JSX.Element;
+    private sanitizeInputValue;
+}
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

package/components/TextInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}

package/components/TextInput/TextInput.js

@@ -0,0 +1,116 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/FormControl/form-control';
+import { css } from '@patternfly/react-styles';
+import { ValidatedOptions } from '../../helpers/constants';
+import { trimLeft } from '../../helpers/util';
+import { getDefaultOUIAId, getOUIAProps } from '../../helpers';
+import { getResizeObserver } from '../../helpers/resizeObserver';
+export var TextInputTypes;
+(function (TextInputTypes) {
+    TextInputTypes["text"] = "text";
+    TextInputTypes["date"] = "date";
+    TextInputTypes["datetimeLocal"] = "datetime-local";
+    TextInputTypes["email"] = "email";
+    TextInputTypes["month"] = "month";
+    TextInputTypes["number"] = "number";
+    TextInputTypes["password"] = "password";
+    TextInputTypes["search"] = "search";
+    TextInputTypes["tel"] = "tel";
+    TextInputTypes["time"] = "time";
+    TextInputTypes["url"] = "url";
+})(TextInputTypes || (TextInputTypes = {}));
+export var TextInputReadOnlyVariant;
+(function (TextInputReadOnlyVariant) {
+    TextInputReadOnlyVariant["default"] = "default";
+    TextInputReadOnlyVariant["plain"] = "plain";
+})(TextInputReadOnlyVariant || (TextInputReadOnlyVariant = {}));
+export class TextInputBase extends React.Component {
+    constructor(props) {
+        super(props);
+        this.inputRef = React.createRef();
+        this.observer = () => { };
+        this.handleChange = (event) => {
+            if (this.props.onChange) {
+                this.props.onChange(event.currentTarget.value, event);
+            }
+        };
+        this.handleResize = () => {
+            const inputRef = this.props.innerRef || this.inputRef;
+            if (inputRef && inputRef.current) {
+                trimLeft(inputRef.current, String(this.props.value));
+            }
+        };
+        this.restoreText = () => {
+            const inputRef = this.props.innerRef || this.inputRef;
+            // restore the value
+            inputRef.current.value = String(this.props.value);
+            // make sure we still see the rightmost value to preserve cursor click position
+            inputRef.current.scrollLeft = inputRef.current.scrollWidth;
+        };
+        this.onFocus = (event) => {
+            const { isLeftTruncated, onFocus } = this.props;
+            if (isLeftTruncated) {
+                this.restoreText();
+            }
+            onFocus && onFocus(event);
+        };
+        this.onBlur = (event) => {
+            const { isLeftTruncated, onBlur } = this.props;
+            if (isLeftTruncated) {
+                this.handleResize();
+            }
+            onBlur && onBlur(event);
+        };
+        this.sanitizeInputValue = (value) => typeof value === 'string' ? value.replace(/\n/g, ' ') : value;
+        if (!props.id && !props['aria-label'] && !props['aria-labelledby']) {
+            // eslint-disable-next-line no-console
+            console.error('Text input:', 'Text input requires either an id or aria-label to be specified');
+        }
+        this.state = {
+            ouiaStateId: getDefaultOUIAId(TextInputBase.displayName)
+        };
+    }
+    componentDidMount() {
+        if (this.props.isLeftTruncated) {
+            const inputRef = this.props.innerRef || this.inputRef;
+            this.observer = getResizeObserver(inputRef.current, this.handleResize, true);
+            this.handleResize();
+        }
+    }
+    componentWillUnmount() {
+        if (this.props.isLeftTruncated) {
+            this.observer();
+        }
+    }
+    render() {
+        const _a = this.props, { innerRef, className, type, value, validated, 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        onChange, onFocus, onBlur, isLeftTruncated, isReadOnly, readOnly, readOnlyVariant, isRequired, isDisabled, isIconSprite, iconVariant, customIconUrl, customIconDimensions, ouiaId, ouiaSafe } = _a, props = __rest(_a, ["innerRef", "className", "type", "value", "validated", "onChange", "onFocus", "onBlur", "isLeftTruncated", "isReadOnly", "readOnly", "readOnlyVariant", "isRequired", "isDisabled", "isIconSprite", "iconVariant", "customIconUrl", "customIconDimensions", "ouiaId", "ouiaSafe"]);
+        const customIconStyle = {};
+        if (customIconUrl) {
+            customIconStyle.backgroundImage = `url('${customIconUrl}')`;
+        }
+        if (customIconDimensions) {
+            customIconStyle.backgroundSize = customIconDimensions;
+        }
+        return (React.createElement("input", Object.assign({}, props, { onFocus: this.onFocus, onBlur: this.onBlur, className: css(styles.formControl, isIconSprite && styles.modifiers.iconSprite, readOnlyVariant === 'plain' && styles.modifiers.plain, validated === ValidatedOptions.success && styles.modifiers.success, validated === ValidatedOptions.warning && styles.modifiers.warning, ((iconVariant && iconVariant !== 'search') || customIconUrl) && styles.modifiers.icon, iconVariant && styles.modifiers[iconVariant], className), onChange: this.handleChange, type: type, value: this.sanitizeInputValue(value), "aria-invalid": props['aria-invalid'] ? props['aria-invalid'] : validated === ValidatedOptions.error, required: isRequired, disabled: isDisabled, readOnly: !!readOnlyVariant || isReadOnly || readOnly, ref: innerRef || this.inputRef }, ((customIconUrl || customIconDimensions) && { style: customIconStyle }), getOUIAProps(TextInput.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe))));
+    }
+}
+TextInputBase.displayName = 'TextInputBase';
+TextInputBase.defaultProps = {
+    'aria-label': null,
+    className: '',
+    isRequired: false,
+    validated: 'default',
+    isDisabled: false,
+    isReadOnly: false,
+    isIconSprite: false,
+    type: TextInputTypes.text,
+    isLeftTruncated: false,
+    onChange: () => undefined,
+    ouiaSafe: true
+};
+export const TextInput = React.forwardRef((props, ref) => (React.createElement(TextInputBase, Object.assign({}, props, { innerRef: ref }))));
+TextInput.displayName = 'TextInput';
+//# sourceMappingURL=TextInput.js.map

package/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"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"}

package/components/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextInput';
+//# sourceMappingURL=index.d.ts.map

package/components/TextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/components/TextInput/index.js

@@ -0,0 +1,2 @@
+export * from './TextInput';
+//# sourceMappingURL=index.js.map

package/components/TextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TextInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/components/TextInputGroup/TextInputGroup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface TextInputGroupProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the text input group */
+    children?: React.ReactNode;
+    /** Additional classes applied to the text input group container */
+    className?: string;
+    /** Adds disabled styling and a disabled context value which text input group main hooks into for the input itself */
+    isDisabled?: boolean;
+    /** Flag to indicate the toggle has no border or background */
+    isPlain?: boolean;
+    /** @hide A reference object to attach to the input box */
+    innerRef?: React.RefObject<any>;
+}
+export declare const TextInputGroupContext: React.Context<Partial<TextInputGroupProps>>;
+export declare const TextInputGroup: React.FunctionComponent<TextInputGroupProps>;
+//# sourceMappingURL=TextInputGroup.d.ts.map

package/components/TextInputGroup/TextInputGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,mDAAmD;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qHAAqH;IACrH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,qBAAqB,6CAEhC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA2BvE,CAAC"}

package/components/TextInputGroup/TextInputGroup.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/TextInputGroup/text-input-group';
+import { css } from '@patternfly/react-styles';
+export const TextInputGroupContext = React.createContext({
+    isDisabled: false
+});
+export const TextInputGroup = (_a) => {
+    var { children, className, isDisabled, isPlain, innerRef } = _a, props = __rest(_a, ["children", "className", "isDisabled", "isPlain", "innerRef"]);
+    const ref = React.useRef(null);
+    const textInputGroupRef = innerRef || ref;
+    return (React.createElement(TextInputGroupContext.Provider, { value: { isDisabled } },
+        React.createElement("div", Object.assign({ ref: textInputGroupRef, className: css(styles.textInputGroup, isDisabled && styles.modifiers.disabled, isPlain && styles.modifiers.plain, className) }, props), children)));
+};
+TextInputGroup.displayName = 'TextInputGroup';
+//# sourceMappingURL=TextInputGroup.js.map

package/components/TextInputGroup/TextInputGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputGroup.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAe/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA+B;IACrF,UAAU,EAAE,KAAK;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAOvD,EAAE,EAAE;QAPmD,EAC3E,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,QAAQ,OAEY,EADjB,KAAK,cANmE,8DAO5E,CADS;IAER,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,iBAAiB,GAAG,QAAQ,IAAI,GAAG,CAAC;IAE1C,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE;QACnD,2CACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EACjC,SAAS,CACV,IACG,KAAK,GAER,QAAQ,CACL,CACyB,CAClC,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/components/TextInputGroup/TextInputGroupMain.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export interface TextInputGroupMainProps extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> {
+    /** Content rendered inside the text input group main div */
+    children?: React.ReactNode;
+    /** Additional classes applied to the text input group main container */
+    className?: string;
+    /** Icon to be shown on the left side of the text input group main container */
+    icon?: React.ReactNode;
+    /** Type that the input accepts. */
+    type?: 'text' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'time' | 'url';
+    /** Suggestion that will show up like a placeholder even with text in the input */
+    hint?: string;
+    /** Callback for when there is a change in the input field*/
+    onChange?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
+    /** Callback for when the input field is focused*/
+    onFocus?: (event?: any) => void;
+    /** Callback for when focus is lost on the input field*/
+    onBlur?: (event?: any) => void;
+    /** Accessibility label for the input */
+    'aria-label'?: string;
+    /** Value for the input */
+    value?: string | number;
+    /** Placeholder value for the input */
+    placeholder?: string;
+    /** A reference object to attach to the input box */
+    innerRef?: React.RefObject<any>;
+    /** Name for the input */
+    name?: string;
+}
+export declare const TextInputGroupMain: React.FunctionComponent<TextInputGroupMainProps>;
+//# sourceMappingURL=TextInputGroupMain.d.ts.map

package/components/TextInputGroup/TextInputGroupMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputGroupMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,IAAI,CAAC,EACD,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,MAAM,GACN,KAAK,CAAC;IACV,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,uBAAuB,CAsD/E,CAAC"}

package/components/TextInputGroup/TextInputGroupMain.js

@@ -0,0 +1,22 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/TextInputGroup/text-input-group';
+import { css } from '@patternfly/react-styles';
+import { TextInputGroupContext } from './TextInputGroup';
+export const TextInputGroupMain = (_a) => {
+    var { children, className, icon, type = 'text', hint, onChange = () => undefined, onFocus, onBlur, 'aria-label': ariaLabel = 'Type to filter', value: inputValue, placeholder: inputPlaceHolder, innerRef, name } = _a, props = __rest(_a, ["children", "className", "icon", "type", "hint", "onChange", "onFocus", "onBlur", 'aria-label', "value", "placeholder", "innerRef", "name"]);
+    const { isDisabled } = React.useContext(TextInputGroupContext);
+    const ref = React.useRef(null);
+    const textInputGroupInputInputRef = innerRef || ref;
+    const handleChange = (event) => {
+        onChange(event, event.currentTarget.value);
+    };
+    return (React.createElement("div", Object.assign({ className: css(styles.textInputGroupMain, icon && styles.modifiers.icon, className) }, props),
+        children,
+        React.createElement("span", { className: css(styles.textInputGroupText) },
+            hint && (React.createElement("input", { className: css(styles.textInputGroupTextInput, styles.modifiers.hint), type: "text", disabled: true, "aria-hidden": "true", value: hint })),
+            icon && React.createElement("span", { className: css(styles.textInputGroupIcon) }, icon),
+            React.createElement("input", { ref: textInputGroupInputInputRef, type: type, className: css(styles.textInputGroupTextInput), "aria-label": ariaLabel, disabled: isDisabled, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, value: inputValue || '', placeholder: inputPlaceHolder, name: name }))));
+};
+TextInputGroupMain.displayName = 'TextInputGroupMain';
+//# sourceMappingURL=TextInputGroupMain.js.map

package/components/TextInputGroup/TextInputGroupMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputGroupMain.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupMain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA0CzD,MAAM,CAAC,MAAM,kBAAkB,GAAqD,CAAC,EAe3D,EAAE,EAAE;QAfuD,EACnF,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,QAAQ,GAAG,GAAQ,EAAE,CAAC,SAAS,EAC/B,OAAO,EACP,MAAM,EACN,YAAY,EAAE,SAAS,GAAG,gBAAgB,EAC1C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,gBAAgB,EAC7B,QAAQ,EACR,IAAI,OAEoB,EADrB,KAAK,cAd2E,4IAepF,CADS;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,2BAA2B,GAAG,QAAQ,IAAI,GAAG,CAAC;IAEpD,MAAM,YAAY,GAAG,CAAC,KAAwC,EAAE,EAAE;QAChE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,EAAE,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,KAAK;QAChG,QAAQ;QACT,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC5C,IAAI,IAAI,CACP,+BACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EACrE,IAAI,EAAC,MAAM,EACX,QAAQ,uBACI,MAAM,EAClB,KAAK,EAAE,IAAI,GACX,CACH;YACA,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAQ;YACvE,+BACE,GAAG,EAAE,2BAA2B,EAChC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,CAAC,gBAClC,SAAS,EACrB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,WAAW,EAAE,gBAAgB,EAC7B,IAAI,EAAE,IAAI,GACV,CACG,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/components/TextInputGroup/TextInputGroupUtilities.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface TextInputGroupUtilitiesProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the text input group utilities div */
+    children?: React.ReactNode;
+    /** Additional classes applied to the text input group utilities container */
+    className?: string;
+}
+export declare const TextInputGroupUtilities: React.FunctionComponent<TextInputGroupUtilitiesProps>;
+//# sourceMappingURL=TextInputGroupUtilities.d.ts.map

package/components/TextInputGroup/TextInputGroupUtilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputGroupUtilities.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupUtilities.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,iEAAiE;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,CAQzF,CAAC"}

package/components/TextInputGroup/TextInputGroupUtilities.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/TextInputGroup/text-input-group';
+import { css } from '@patternfly/react-styles';
+export const TextInputGroupUtilities = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", Object.assign({ className: css(styles.textInputGroupUtilities, className) }, props), children));
+};
+TextInputGroupUtilities.displayName = 'TextInputGroupUtilities';
+//# sourceMappingURL=TextInputGroupUtilities.js.map

package/components/TextInputGroup/TextInputGroupUtilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputGroupUtilities.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/TextInputGroupUtilities.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yEAAyE,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,uBAAuB,GAA0D,CAAC,EAIhE,EAAE,EAAE;QAJ4D,EAC7F,QAAQ,EACR,SAAS,OAEoB,EAD1B,KAAK,cAHqF,yBAI9F,CADS;IAC0B,OAAA,CAClC,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,uBAAuB,EAAE,SAAS,CAAC,IAAM,KAAK,GACtE,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

package/components/TextInputGroup/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TextInputGroup';
+export * from './TextInputGroupMain';
+export * from './TextInputGroupUtilities';
+//# sourceMappingURL=index.d.ts.map

package/components/TextInputGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC"}

package/components/TextInputGroup/index.js

@@ -0,0 +1,4 @@
+export * from './TextInputGroup';
+export * from './TextInputGroupMain';
+export * from './TextInputGroupUtilities';
+//# sourceMappingURL=index.js.map

package/components/TextInputGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TextInputGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC"}

package/components/Tile/Tile.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface TileProps extends React.HTMLProps<HTMLDivElement> {
+    /** Content rendered inside the banner */
+    children?: React.ReactNode;
+    /** Additional classes added to the banner */
+    className?: string;
+    /** Title of the tile */
+    title: string;
+    /** Icon in the tile title */
+    icon?: React.ReactNode;
+    /** Flag indicating if the tile is selected */
+    isSelected?: boolean;
+    /** Flag indicating if the tile is disabled */
+    isDisabled?: boolean;
+    /** Flag indicating if the tile header is stacked */
+    isStacked?: boolean;
+    /** Flag indicating if the stacked tile icon is large */
+    isDisplayLarge?: boolean;
+}
+export declare const Tile: React.FunctionComponent<TileProps>;
+//# sourceMappingURL=Tile.d.ts.map

package/components/Tile/Tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}

package/components/Tile/Tile.js

@@ -0,0 +1,14 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Tile/tile';
+import { css } from '@patternfly/react-styles';
+export const Tile = (_a) => {
+    var { children, title, icon, isStacked, isSelected, isDisabled, isDisplayLarge, className } = _a, props = __rest(_a, ["children", "title", "icon", "isStacked", "isSelected", "isDisabled", "isDisplayLarge", "className"]);
+    return (React.createElement("div", Object.assign({ role: "option", "aria-selected": isSelected }, (isDisabled && { 'aria-disabled': isDisabled }), { className: css(styles.tile, isSelected && styles.modifiers.selected, isDisabled && styles.modifiers.disabled, isDisplayLarge && styles.modifiers.displayLg, className), tabIndex: 0 }, props),
+        React.createElement("div", { className: css(styles.tileHeader, isStacked && styles.modifiers.stacked) },
+            icon && React.createElement("div", { className: css(styles.tileIcon) }, icon),
+            React.createElement("div", { className: css(styles.tileTitle) }, title)),
+        children && React.createElement("div", { className: css(styles.tileBody) }, children)));
+};
+Tile.displayName = 'Tile';
+//# sourceMappingURL=Tile.js.map

package/components/Tile/Tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,mDAAmD,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAqB/C,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,cAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,IAAI,EAAC,QAAQ,mBACE,UAAU,IACrB,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,IACnD,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,IAAI,EACX,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/components/Tile/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tile';
+//# sourceMappingURL=index.d.ts.map