@wix/design-system 1.198.2 → 1.198.3

package/dist/types/CDN_URLS.d.ts

@@ -1,6 +1,6 @@
-export const CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.2/dist/statics/styles.global.css";
-export const JS_ESM_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.2/dist/statics/design-system.esm.min.js";
-export const TOKENS_DEFAULT_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.2/dist/statics/tokens-default.global.css";
-export const TOKENS_STUDIO_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.2/dist/statics/tokens-studio.global.css";
-export const TOKENS_WIXEL_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.2/dist/statics/tokens-wixel.global.css";
+export const CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.3/dist/statics/styles.global.css";
+export const JS_ESM_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.3/dist/statics/design-system.esm.min.js";
+export const TOKENS_DEFAULT_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.3/dist/statics/tokens-default.global.css";
+export const TOKENS_STUDIO_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.3/dist/statics/tokens-studio.global.css";
+export const TOKENS_WIXEL_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.198.3/dist/statics/tokens-wixel.global.css";
 //# sourceMappingURL=CDN_URLS.d.ts.map

package/dist/types/InputArea/InputArea.d.ts

@@ -1,98 +1,92 @@
-export default InputArea;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { StatusContextProps } from '../FormField/StatusContext';
+import { InputAreaProps } from './InputArea.types';
+interface InputAreaState {
+    focus: boolean;
+    counter: number;
+    computedRows: number | undefined;
+}
 /**
  * General inputArea container
  */
-declare class InputArea extends React.PureComponent<any, any, any> {
-    static MIN_ROWS: number;
-    static MAX_ROWS: number;
-    constructor(props: any);
-    constructor(props: any, context: any);
-    _computedStyle: null;
+declare class InputArea extends React.PureComponent<InputAreaProps, InputAreaState> {
+    textArea: HTMLTextAreaElement | null;
+    _computedStyle: CSSStyleDeclaration | null;
+    private _defaultLineHeight?;
     state: {
         focus: boolean;
-        counter: any;
-        computedRows: any;
+        counter: number;
+        computedRows: number | undefined;
+    };
+    static MIN_ROWS: number;
+    static MAX_ROWS: number;
+    static displayName: string;
+    static defaultProps: InputAreaProps;
+    static propTypes: {
+        dataHook: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<(...args: any[]) => any>;
+        ariaControls: PropTypes.Requireable<string>;
+        ariaDescribedby: PropTypes.Requireable<string>;
+        ariaLabel: PropTypes.Requireable<string>;
+        autoFocus: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string>;
+        defaultValue: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        status: PropTypes.Requireable<string>;
+        statusMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        forceFocus: PropTypes.Requireable<boolean>;
+        forceHover: PropTypes.Requireable<boolean>;
+        hasCounter: PropTypes.Requireable<boolean>;
+        id: PropTypes.Requireable<string>;
+        name: PropTypes.Requireable<string>;
+        maxHeight: PropTypes.Requireable<string>;
+        maxLength: PropTypes.Requireable<number>;
+        minHeight: PropTypes.Requireable<string>;
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onEnterPressed: PropTypes.Requireable<(...args: any[]) => any>;
+        onEscapePressed: PropTypes.Requireable<(...args: any[]) => any>;
+        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
+        onCompositionStart: PropTypes.Requireable<(...args: any[]) => any>;
+        onCompositionEnd: PropTypes.Requireable<(...args: any[]) => any>;
+        placeholder: PropTypes.Requireable<string>;
+        readOnly: PropTypes.Requireable<boolean>;
+        resizable: PropTypes.Requireable<boolean>;
+        rows: PropTypes.Requireable<number>;
+        autoGrow: PropTypes.Requireable<boolean>;
+        minRowsAutoGrow: PropTypes.Requireable<number>;
+        maxRowsAutoGrow: PropTypes.Requireable<number>;
+        tabIndex: PropTypes.Requireable<number>;
+        tooltipPlacement: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<string>;
+        required: PropTypes.Requireable<boolean>;
     };
     _getDataAttr: ({ statusContext }: {
-        statusContext: any;
+        statusContext: StatusContextProps;
     }) => Partial<{
-        [x: string]: any;
+        [x: string]: boolean | import("..").StatusType | import("./InputArea.types").InputAreaSize | null | undefined;
     }>;
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any): void;
+    componentDidUpdate(prevProps: InputAreaProps): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;
-    textArea: any;
     focus: () => void;
     blur: () => void;
     select: () => void;
     calculateComputedRows: () => void;
-    _onFocus: (e: any) => void;
-    _onBlur: (e: any) => void;
-    _onKeyDown: (e: any) => void;
-    _onChange: (e: any) => void;
+    _onFocus: (e?: React.FocusEvent<HTMLTextAreaElement>) => void;
+    _onBlur: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    _onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    _onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     _onInput: () => void;
     _updateComputedStyle: import("lodash").DebouncedFuncLeading<() => void>;
-    _getComputedStyle: () => null;
+    _getComputedStyle: () => CSSStyleDeclaration | null;
     _getRowsCount: () => number;
-    _getDefaultLineHeight: () => number;
-    _defaultLineHeight: number | undefined;
-}
-declare namespace InputArea {
-    let displayName: string;
-    namespace defaultProps {
-        import minRowsAutoGrow = InputArea.MIN_ROWS;
-        export { minRowsAutoGrow };
-        import maxRowsAutoGrow = InputArea.MAX_ROWS;
-        export { maxRowsAutoGrow };
-        export let size: string;
-    }
-    namespace propTypes {
-        export let dataHook: PropTypes.Requireable<string>;
-        export let className: PropTypes.Requireable<string>;
-        export let children: PropTypes.Requireable<(...args: any[]) => any>;
-        export let ariaControls: PropTypes.Requireable<string>;
-        export let ariaDescribedby: PropTypes.Requireable<string>;
-        export let ariaLabel: PropTypes.Requireable<string>;
-        export let autoFocus: PropTypes.Requireable<boolean>;
-        let size_1: PropTypes.Requireable<string>;
-        export { size_1 as size };
-        export let defaultValue: PropTypes.Requireable<string>;
-        export let disabled: PropTypes.Requireable<boolean>;
-        export let status: PropTypes.Requireable<string>;
-        export let statusMessage: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export let forceFocus: PropTypes.Requireable<boolean>;
-        export let forceHover: PropTypes.Requireable<boolean>;
-        export let hasCounter: PropTypes.Requireable<boolean>;
-        export let id: PropTypes.Requireable<string>;
-        export let name: PropTypes.Requireable<string>;
-        export let maxHeight: PropTypes.Requireable<string>;
-        export let maxLength: PropTypes.Requireable<number>;
-        export let minHeight: PropTypes.Requireable<string>;
-        export let onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onEnterPressed: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onEscapePressed: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onCompositionStart: PropTypes.Requireable<(...args: any[]) => any>;
-        export let onCompositionEnd: PropTypes.Requireable<(...args: any[]) => any>;
-        export let placeholder: PropTypes.Requireable<string>;
-        export let readOnly: PropTypes.Requireable<boolean>;
-        export let resizable: PropTypes.Requireable<boolean>;
-        export let rows: PropTypes.Requireable<number>;
-        export let autoGrow: PropTypes.Requireable<boolean>;
-        let minRowsAutoGrow_1: PropTypes.Requireable<number>;
-        export { minRowsAutoGrow_1 as minRowsAutoGrow };
-        let maxRowsAutoGrow_1: PropTypes.Requireable<number>;
-        export { maxRowsAutoGrow_1 as maxRowsAutoGrow };
-        export let tabIndex: PropTypes.Requireable<number>;
-        export let tooltipPlacement: PropTypes.Requireable<string>;
-        export let value: PropTypes.Requireable<string>;
-        export let required: PropTypes.Requireable<boolean>;
-    }
+    _getDefaultLineHeight: () => number | undefined;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+export default InputArea;
 //# sourceMappingURL=InputArea.d.ts.map

package/dist/types/InputArea/InputArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputArea.d.ts","sourceRoot":"","sources":["../../../src/InputArea/InputArea.js"],"names":[],"mappings":";AAiBA;;GAEG;AACH;IASE,wBAAoB;IAGpB,wBAA2C;;;IAX3C,qBAAsB;IACtB;;;;MAIE;IASF;;;;OAiBE;IAEF,0BAcC;IAED,yCAuBC;IAED,6BAEC;IAED,4BAwJC;IA7D8B,cAAmB;IA+DlD,kBAEE;IAEF,iBAEE;IAEF,mBAEE;IAEF,kCAUE;IAEF,2BAUE;IAEF,0BAGE;IAEF,6BAQE;IAEF,4BAEE;IAEF,qBAEE;IAEF,wEAME;IAEF,8BAGE;IAEF,4BAoBE;IAEF,oCAqBE;IANE,uCACiE;CAMtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAjXiB,OAAO;sBACH,YAAY"}
+{"version":3,"file":"InputArea.d.ts","sourceRoot":"","sources":["../../../src/InputArea/InputArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,OAAO,EAEL,kBAAkB,EAGnB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,UAAU,cAAc;IACtB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED;;GAEG;AACH,cAAM,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IACzE,QAAQ,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAC5C,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAQ;IAClD,OAAO,CAAC,kBAAkB,CAAC,CAAS;IAEpC,KAAK;;;;MAIH;IAGF,MAAM,CAAC,QAAQ,SAAK;IAGpB,MAAM,CAAC,QAAQ,SAA4B;IAE3C,MAAM,CAAC,WAAW,SAAe;IAEjC,MAAM,CAAC,YAAY,EAAE,cAAc,CAIjC;IAEF,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAyCd;IAGF,YAAY,sBAAuB;QAAE,aAAa,EAAE,kBAAkB,CAAA;KAAE;;OAiBtE;IAEF,iBAAiB;IAgBjB,kBAAkB,CAAC,SAAS,EAAE,cAAc;IAyB5C,oBAAoB;IAIpB,MAAM;IAiKN,KAAK,aAEH;IAEF,IAAI,aAEF;IAEF,MAAM,aAEJ;IAEF,qBAAqB,aAcnB;IAEF,QAAQ,OAAQ,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,UAUnD;IAEF,OAAO,MAAO,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,UAGjD;IAEF,UAAU,MAAO,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,UAQvD;IAEF,SAAS,MAAO,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,UAEpD;IAEF,QAAQ,aAEN;IAEF,oBAAoB,oDAQlB;IAEF,iBAAiB,mCAGf;IAEF,aAAa,eAuBX;IAEF,qBAAqB,2BAsBnB;CACH;AAED,eAAe,SAAS,CAAC"}

package/dist/types/InputArea/InputArea.types.d.ts

@@ -0,0 +1,103 @@
+import * as React from 'react';
+import { InputStatus } from '../Input';
+import { TooltipProps } from '../Tooltip';
+export type InputAreaStatus = InputStatus;
+export interface InputAreaProps {
+    /** Applies a data-hook HTML attribute that can be used in the tests. */
+    dataHook?: string;
+    /** Specifies a CSS class name to be appended to the component's root element.
+     * @internal
+     */
+    className?: string;
+    /** Associate a control with the regions that it controls. */
+    ariaControls?: string;
+    /** Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space. */
+    ariaDescribedby?: string;
+    /** Define a string that labels the current element in case where a text label is not visible on the screen. */
+    ariaLabel?: string;
+    /** Focus the element on mount (standard React input autoFocus). */
+    autoFocus?: boolean;
+    autoSelect?: boolean;
+    /** Controls the size of the input. */
+    size?: InputAreaSize;
+    /** Sets a default value for those who want to use this component un-controlled. */
+    defaultValue?: string;
+    /** Specifies whether input should be disabled. */
+    disabled?: boolean;
+    /** USED FOR TESTING. Forces focus state on the input. */
+    forceFocus?: boolean;
+    /** USED FOR TESTING. Forces hover state on the input. */
+    forceHover?: boolean;
+    /** Specifies whether character count is enabled. */
+    hasCounter?: boolean;
+    /** Assigns an unique identifier for the root element. */
+    id?: string;
+    /** Reference element data when a form is submitted. */
+    name?: string;
+    /** Sets the maximum height of an area in pixels. */
+    maxHeight?: string;
+    /** Defines the maximum text length in number of characters. */
+    maxLength?: number;
+    menuArrow?: boolean;
+    /** Sets the minimum height of an area in pixels. */
+    minHeight?: string;
+    /** Defines a standard input onBlur callback */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    /** Defines a standard input onChange callback. */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Defines a callback handler that is called when user presses enter. */
+    onEnterPressed?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /** Defines a callback handler that is called when user presses escape. */
+    onEscapePressed?: () => void;
+    /** Defines a standard input onFocus callback. */
+    onFocus?: (e?: React.FocusEvent<HTMLTextAreaElement>) => void;
+    /** Defines a standard input onKeyDown callback. */
+    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /** Defines a standard input onKeyUp callback. */
+    onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement>;
+    /** Defines a standard input onCompositionStart callback. */
+    onCompositionStart?: (event: React.CompositionEvent<HTMLTextAreaElement>) => void;
+    /** Defines a standard input onCompositionEnd callback. */
+    onCompositionEnd?: (event: React.CompositionEvent<HTMLTextAreaElement>) => void;
+    /** Sets a placeholder message to display. */
+    placeholder?: string;
+    /** Specifies whether input is read only. */
+    readOnly?: boolean;
+    /** Specifies whether area can be manually resized by the user. */
+    resizable?: boolean;
+    /** Sets initial height of an area to fit a specified number of rows. */
+    rows?: number;
+    /** Specifies whether area should grow and shrink according to user input. */
+    autoGrow?: boolean;
+    /** Sets the minimum amount of rows the component can have in `autoGrow` mode
+     * @default 2
+     */
+    minRowsAutoGrow?: number;
+    /** Sets the maximum amount of rows the component can have in `autoGrow` mode */
+    maxRowsAutoGrow?: number;
+    /** Indicates that element can be focused and where it participates in sequential keyboard navigation. */
+    tabIndex?: number;
+    /** Controls placement of a status tooltip. */
+    tooltipPlacement?: TooltipProps['placement'];
+    /** Defines input value. */
+    value?: string;
+    /** Specifies whether the input area is a mandatory field. */
+    required?: boolean;
+    /** Specifies the status of a field. */
+    status?: InputAreaStatus;
+    /** Defines the message to display on status icon hover. If not given or empty there will be no tooltip. */
+    statusMessage?: React.ReactNode;
+    /** Specifies custom textarea render function */
+    children?: InputAreaChildrenFnArgs;
+}
+export type InputAreaSize = 'small' | 'medium';
+export type InputAreaChildrenFnArgs = (data: {
+    className: string;
+    rows: number;
+    ref: React.RefCallback<any>;
+    onFocus: (e: React.SyntheticEvent) => void;
+    onBlur: (e: React.SyntheticEvent) => void;
+    onKeyDown: (e: React.SyntheticEvent) => void;
+    onInput: (() => void) | undefined;
+}) => React.ReactNode;
+//# sourceMappingURL=InputArea.types.d.ts.map

package/dist/types/InputArea/InputArea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputArea.types.d.ts","sourceRoot":"","sources":["../../../src/InputArea/InputArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC;AAE1C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oLAAoL;IACpL,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+GAA+G;IAC/G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACtD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACzD,yEAAyE;IACzE,cAAc,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IACjE,0EAA0E;IAC1E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iDAAiD;IACjD,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9D,mDAAmD;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC5D,iDAAiD;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,KAC/C,IAAI,CAAC;IACV,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,CACjB,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,KAC/C,IAAI,CAAC;IACV,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gFAAgF;IAChF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IAC7C,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,2GAA2G;IAC3G,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,uBAAuB,GAAG,CAAC,IAAI,EAAE;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC3C,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACnC,KAAK,KAAK,CAAC,SAAS,CAAC"}

package/dist/types/InputArea/InputArea.uni.driver.d.ts

@@ -1,42 +1,38 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import { BaseUniDriver } from '@wix/wix-ui-test-utils/base-driver';
 import { SyntheticEventData, Simulate } from 'react-dom/test-utils';
-import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
 import { StatusIndications } from '../common';
-
 export interface InputAreaUniDriver extends BaseUniDriver {
-  trigger: (
-    trigger: keyof typeof Simulate,
-    event: SyntheticEventData,
-  ) => Promise<void>;
-  focus: () => Promise<void>;
-  enterText: (text: string) => Promise<string>;
-  getValue: () => Promise<string>;
-  getName: () => Promise<string | null>;
-  getPlaceholder: () => Promise<any>;
-  getDefaultValue: () => Promise<any>;
-  getRowsCount: () => Promise<any>;
-  getMaxLength: () => Promise<any>;
-  getTabIndex: () => Promise<any>;
-  getReadOnly: () => Promise<any>;
-  getResizable: () => Promise<boolean>;
-  getDisabled: () => Promise<boolean>;
-  getRequired: () => Promise<boolean>;
-  getHasCounter: () => Promise<boolean>;
-  getCounterValue: () => Promise<string>;
-  hasExclamation: () => Promise<boolean>;
-  isFocusedStyle: () => Promise<boolean>;
-  isSizeSmall: () => Promise<boolean>;
-  isHoveredStyle: () => Promise<boolean>;
-  isFocus: () => Promise<boolean>;
-  getStyle: () => Promise<any>;
-  getAriaLabel: () => Promise<string | null>;
-  getAriaControls: () => Promise<string | null>;
-  getAriaDescribedby: () => Promise<string | null>;
-  getTooltipDataHook: () => string;
-  getTooltipElement: () => UniDriver;
-  getCursorLocation: () => Promise<number>;
-
-  // Status
-  hasStatus: (status: StatusIndications) => Promise<boolean>;
-  getStatusMessage: () => Promise<string | null>;
+    trigger: (trigger: keyof typeof Simulate, event: SyntheticEventData) => Promise<void>;
+    focus: () => Promise<void>;
+    enterText: (text: string) => Promise<void>;
+    getValue: () => Promise<string>;
+    getName: () => Promise<string | null>;
+    getPlaceholder: () => Promise<any>;
+    getDefaultValue: () => Promise<any>;
+    getRowsCount: () => Promise<any>;
+    getMaxLength: () => Promise<any>;
+    getTabIndex: () => Promise<any>;
+    getReadOnly: () => Promise<any>;
+    getResizable: () => Promise<boolean>;
+    getDisabled: () => Promise<boolean>;
+    getRequired: () => Promise<boolean>;
+    getHasCounter: () => Promise<boolean>;
+    getCounterValue: () => Promise<string>;
+    hasExclamation: () => Promise<boolean>;
+    isFocusedStyle: () => Promise<boolean>;
+    isSizeSmall: () => Promise<boolean>;
+    isHoveredStyle: () => Promise<boolean>;
+    isFocus: () => Promise<boolean>;
+    getStyle: () => Promise<any>;
+    getAriaLabel: () => Promise<string | null>;
+    getAriaControls: () => Promise<string | null>;
+    getAriaDescribedby: () => Promise<string | null>;
+    getTooltipDataHook: () => string;
+    getTooltipElement: () => UniDriver;
+    getCursorLocation: () => Promise<number>;
+    hasStatus: (status: StatusIndications) => Promise<boolean>;
+    getStatusMessage: () => Promise<string | null>;
 }
+export declare const inputAreaUniDriverFactory: (base: UniDriver, body: UniDriver) => InputAreaUniDriver;
+//# sourceMappingURL=InputArea.uni.driver.d.ts.map

package/dist/types/InputArea/InputArea.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputArea.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/InputArea/InputArea.uni.driver.js"],"names":[],"mappings":"AAIO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+CH,sCAAsC;;IAatC,0DAA0D;;;;EAY7D"}
+{"version":3,"file":"InputArea.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/InputArea/InputArea.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAI9C,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,OAAO,EAAE,CACP,OAAO,EAAE,MAAM,OAAO,QAAQ,EAC9B,KAAK,EAAE,kBAAkB,KACtB,OAAO,CAAC,IAAI,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACtC,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,eAAe,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACpC,YAAY,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACjC,WAAW,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAChC,YAAY,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,eAAe,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IACvC,cAAc,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,cAAc,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,WAAW,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,QAAQ,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B,YAAY,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC3C,eAAe,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC9C,kBAAkB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACjD,kBAAkB,EAAE,MAAM,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,SAAS,CAAC;IACnC,iBAAiB,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAGzC,SAAS,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,gBAAgB,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,yBAAyB,SAC9B,SAAS,QACT,SAAS,KACd,kBAwEF,CAAC"}

package/dist/types/InputArea/constants.d.ts

@@ -1,12 +1,12 @@
-export namespace dataHooks {
-    let tooltip: string;
-}
-export namespace dataAttr {
-    let SIZE: string;
-    let STATUS: string;
-    let RESIZABLE: string;
-    let DISABLED: string;
-    let HOVER: string;
-    let FOCUS: string;
-}
+export declare const dataHooks: {
+    tooltip: string;
+};
+export declare const dataAttr: {
+    SIZE: string;
+    STATUS: string;
+    RESIZABLE: string;
+    DISABLED: string;
+    HOVER: string;
+    FOCUS: string;
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/types/InputArea/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/InputArea/constants.js"],"names":[],"mappings":""}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/InputArea/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;CAErB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;CAOpB,CAAC"}

package/dist/types/InputArea/index.d.ts

@@ -1,76 +1,3 @@
-import * as React from 'react';
-import { InputStatus } from '../Input';
-import { TooltipProps } from '../Tooltip';
-
-export type InputAreaStatus = InputStatus;
-
-export interface InputAreaProps {
-  dataHook?: string;
-  className?: string;
-  ariaControls?: string;
-  ariaDescribedby?: string;
-  ariaLabel?: string;
-  autoFocus?: boolean;
-  autoSelect?: boolean;
-  size?: InputAreaSize;
-  defaultValue?: string;
-  disabled?: boolean;
-  forceFocus?: boolean;
-  forceHover?: boolean;
-  hasCounter?: boolean;
-  id?: string;
-  name?: string;
-  maxHeight?: string;
-  maxLength?: number;
-  menuArrow?: boolean;
-  minHeight?: string;
-  onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
-  onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
-  onEnterPressed?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-  onEscapePressed?: () => void;
-  onFocus?: (e?: React.FocusEvent<HTMLTextAreaElement>) => void;
-  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement>;
-  onCompositionStart?: (
-    event: React.CompositionEvent<HTMLTextAreaElement>,
-  ) => void;
-  onCompositionEnd?: (
-    event: React.CompositionEvent<HTMLTextAreaElement>,
-  ) => void;
-  placeholder?: string;
-  readOnly?: boolean;
-  resizable?: boolean;
-  rows?: number;
-  autoGrow?: boolean;
-  minRowsAutoGrow?: number;
-  maxRowsAutoGrow?: number;
-  tabIndex?: number;
-  tooltipPlacement?: TooltipProps['placement'];
-  value?: string;
-  required?: boolean;
-  status?: InputAreaStatus;
-  statusMessage?: React.ReactNode;
-  children?: InputAreaChildrenFnArgs;
-}
-
-export default class InputArea extends React.PureComponent<InputAreaProps> {
-  static MIN_ROWS: 2;
-  static MAX_ROWS: number;
-
-  focus: () => void;
-  blur: () => void;
-  select: () => void;
-  calculateComputedRows: () => void;
-}
-
-export type InputAreaSize = 'small' | 'medium';
-
-export type InputAreaChildrenFnArgs = (data: {
-  className: string;
-  rows: number;
-  ref: React.RefCallback<any>;
-  onFocus: (e: React.SyntheticEvent) => void;
-  onBlur: (e: React.SyntheticEvent) => void;
-  onKeyDown: (e: React.SyntheticEvent) => void;
-  onInput: () => void | undefined;
-}) => React.ReactNode;
+export { default } from './InputArea';
+export * from './InputArea.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/InputArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InputArea/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/InputArea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,mBAAmB,CAAC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export const LIB_VERSION: "1.198.2";
+export const LIB_VERSION: "1.198.3";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/design-system",
   "description": "@wix/design-system",
-  "version": "1.198.2",
+  "version": "1.198.3",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -177,7 +177,7 @@
     "@babel/runtime": "^7.26.0",
     "@floating-ui/react": "^0.27.0",
     "@react-aria/focus": "^3.19.0",
-    "@wix/design-system-tokens": "^1.112.2",
+    "@wix/design-system-tokens": "^1.112.3",
     "@wix/wix-ui-icons-common": "^3.74.0",
     "@wix/wix-ui-test-utils": "^1.3.1",
     "chart.js": "^2.9.4",
@@ -345,5 +345,5 @@
     "wix-ui-framework": "^3.7.11",
     "wixds-storybook-utils": "^1.0.1"
   },
-  "falconPackageHash": "ee8d798077bae45b487bd676490d7fbf23c58c464c3917a15cef8865"
+  "falconPackageHash": "08d615e68b823745d7936b84545381103758d66e4426f8ff833cf1ce"
 }