@kubit-ui-web/react-components 1.14.0 → 1.16.0

package/dist/cjs/components/input/types/input.d.ts

@@ -0,0 +1,298 @@
+import React from 'react';
+import { CSSProp } from 'styled-components';
+import { InputCounterStateProps, InputCounterStylesProps } from '../../../components/inputCounter/types/inputCounterTheme';
+import { InputCurrencyStateProps, InputCurrencyStylesProps } from '../../../components/inputCurrency/types/inputCurrencyTheme';
+import { InputDateStateProps, InputDateStylesProps } from '../../../components/inputDate/types/inputDateTheme';
+import { InputDropdownStateProps, InputDropdownStylesProps } from '../../../components/inputDropdown/types/inputDropdownTheme';
+import { InputPhoneStateProps, InputPhoneStylesProps } from '../../../components/inputPhone/types/inputPhoneTheme';
+import { InputSearchStateProps, InputSearchStylesProps } from '../../../components/inputSearch/types/inputSearchTheme';
+import { AriaLiveOptionType } from '../../../types/ariaLiveOption/ariaLiveOption';
+import { CustomTokenTypes } from '../../../types/customToken/customToken';
+import { InputModeType } from '../../../types/inputMode/inputMode';
+import { ROLES } from '../../../types/role/role';
+import { IButton } from '../../button/types/button';
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
+import { IIconHighlighted } from '../../iconHighlighted/types/iconHighlighted';
+import { IconHighlightedSizeType } from '../../iconHighlighted/types/size';
+import { ILabelStandAlone } from '../../label/types/label';
+import { ILoader } from '../../loader/types/loader';
+import { IText } from '../../text/types/text';
+import { InputIconPosition, InputState } from './inputTheme';
+import { InputTypeType } from './inputType';
+import { InputTitleComponentType } from './titleComponent';
+export type InputStylesProps = InputCurrencyStylesProps | InputCounterStylesProps | InputPhoneStylesProps | InputDateStylesProps | InputSearchStylesProps | InputDropdownStylesProps;
+export type InputStateProps = InputCurrencyStateProps | InputCounterStateProps | InputPhoneStateProps | InputDateStateProps | InputSearchStateProps | InputDropdownStateProps;
+export declare enum MASK_TYPE {
+    LETTERS = "LETTERS",
+    NUMBERS = "NUMBERS",
+    NUMBERS_WITH_SPACES = "NUMBERS_WITH_SPACES",
+    ALPHANUMERIC = "ALPHANUMERIC",
+    ALPHANUMERIC_WITH_SPACES = "ALPHANUMERIC_WITH_SPACES",
+    LETTERS_HYPHEN_SPACE = "LETTERS_HYPHEN_SPACE"
+}
+export declare enum ERROR_EXECUTION {
+    ON_CHANGE = "onChange",
+    ON_BLUR = "onBlur",
+    NONE = "none"
+}
+export declare enum INTERNAL_ERROR_EXECUTION {
+    ON_CHANGE = "onChange",
+    ON_BLUR = "onBlur",
+    ON_CHANGE_ON_BLUR = "onChangeOnBlur",
+    NONE = "none"
+}
+export declare enum AUTOCAPITALIZE_TYPE {
+    OFF = "off",
+    NONE = "none",
+    ON = "on",
+    SENTENCES = "sentences",
+    WORDS = "words",
+    CHARACTERS = "characters"
+}
+export declare enum AUTOCOMPLETE_TYPE {
+    ON = "on",
+    OFF = "off",
+    NAME = "name",
+    HONORIFIC_PREFIX = "honorific-prefix",
+    GIVEN_NAME = "given-name",
+    ADDITIONAL_NAME = "additional-name",
+    FAMILY_NAME = "family-name",
+    HONORIFIC_SUFFIX = "honorific-suffix",
+    NICKNAME = "nickname",
+    EMAIL = "email",
+    USERNAME = "username",
+    NEW_PASSWORD = "new-password",
+    CURRENT_PASSWORD = "current-password",
+    ONE_TIME_CODE = "one-time-code",
+    ORGANIZATION_TITLE = "organization-title",
+    ORGANIZATION = "organization",
+    STREET_ADDRESS = "street-address",
+    ADDRESS_LINE1 = "address-line1",
+    ADDRESS_LINE2 = "address-line2",
+    ADDRESS_LINE3 = "address-line3",
+    ADDRESS_LEVEL4 = "address-level4",
+    ADDRESS_LEVEL3 = "address-level3",
+    ADDRESS_LEVEL2 = "address-level2",
+    ADDRESS_LEVEL1 = "address-level1",
+    COUNTRY = "country",
+    POSTAL_CODE = "postal-code",
+    CC_NAME = "cc-name",
+    CC_GIVEN_NAME = "cc-given-name",
+    CC_ADDITIONAL_NAME = "cc-additional-name",
+    CC_FAMILY_NAME = "cc-family-name",
+    CC_NUMBER = "cc-number",
+    CC_EXP = "cc-exp",
+    CC_EXP_MONTH = "cc-exp-month",
+    CC_EXP_YEAR = "cc-exp-year",
+    CC_CSC = "cc-csc",
+    CC_TYPE = "cc-type",
+    TRANSACTION_CURRENCY = "transaction-currency",
+    TRANSACTION_AMOUNT = "transaction-amount",
+    LANGUAGE = "language",
+    BDAY = "bday",
+    BDAY_DAY = "bday-day",
+    BDAY_MONTH = "bday-month",
+    BDAY_YEAR = "bday-year",
+    SEX = "sex",
+    TEL = "tel",
+    TEL_COUNTRY_CODE = "tel-country-code",
+    TEL_NATIONAL = "tel-national",
+    TEL_AREA_CODE = "tel-area-code",
+    TEL_LOCAL = "tel-local",
+    TEL_EXTENSION = "tel-extension",
+    IMPP = "impp",
+    URL = "url",
+    PHOTO = "photo",
+    PHOTO_URL = "photo-url",
+    ROLE = "role",
+    ORGANIZATION_ROLE = "organization-role",
+    NOTE = "note",
+    SECTION = "section",
+    SEARCH = "search",
+    BOOKMARK = "bookmark",
+    HOME = "home",
+    WORK = "work",
+    MOBILE = "mobile",
+    FAX = "fax",
+    PAGER = "pager",
+    OTHER = "other"
+}
+export interface IInputIcon {
+    state: InputState;
+    styles?: InputStateProps;
+    loading?: boolean;
+    disabled?: boolean;
+    rightIcon?: IElementOrIcon;
+    leftIcon?: IElementOrIcon;
+    iconPosition?: InputIconPosition;
+    /**
+     * @deprecated `icon` will be removed. Use `rightIcon` or `leftIcon` instead
+     */
+    icon?: IElementOrIcon;
+}
+export interface IInputLoader {
+    styles?: InputStateProps;
+    loader?: Omit<ILoader, 'variant'> & {
+        variant?: string;
+    };
+    loading?: boolean;
+}
+export type InputTitleType = Omit<IText<string>, 'children' | 'component'> & {
+    content: string;
+    component?: InputTitleComponentType;
+};
+export interface ITitle {
+    styles?: InputStateProps;
+    title?: InputTitleType;
+    additionalInfo?: React.ReactNode;
+    state: InputState;
+    dataTestId?: string;
+}
+export type InputLabelType = Omit<ILabelStandAlone, 'children' | 'inputId'> & {
+    content?: string;
+};
+export interface ILabel {
+    state: InputState;
+    styles?: InputStylesProps;
+    inputId: string;
+    id: string;
+    required?: boolean;
+    label?: InputLabelType;
+    placeholder?: string;
+    textVariant?: string;
+    additionalInfo?: React.ReactNode;
+    secondaryLabel?: React.ReactNode;
+    leftExtraStyles?: boolean;
+    topExtraStyles?: boolean;
+    dataTestId?: string;
+}
+export interface ITextCount {
+    styles?: InputCounterStateProps;
+    textCounter?: React.ReactNode;
+}
+export type InputInformationAssociatedIconType = IElementOrIcon & {
+    position?: InputIconPosition;
+};
+export type InputHighlightedInformationAssociatedIconType = Omit<IIconHighlighted, 'variant' | 'size'> & {
+    position?: InputIconPosition;
+    variant?: string;
+    size?: IconHighlightedSizeType;
+};
+export interface IInformationAssociatedDecoration {
+    styles?: InputStateProps;
+    informationAssociatedIcon?: InputInformationAssociatedIconType;
+    highlightedInformationAssociatedIcon?: InputHighlightedInformationAssociatedIconType;
+}
+export type InputInformationAssociatedValueType = Omit<IText<string>, 'children'> & {
+    content: string;
+};
+export type InputInformationAssociatedButtonType = Omit<IButton, 'children' | 'variant' | 'size'> & {
+    content: string;
+    variant?: string;
+    size?: string;
+};
+export type IInformationAssociated = IInformationAssociatedDecoration & {
+    state: InputState;
+    informationAssociatedValue?: InputInformationAssociatedValueType;
+    informationAssociatedButton?: InputInformationAssociatedButtonType;
+    dataTestId?: string;
+};
+export type InputHelpMessageType = Omit<IText<string>, 'children'> & {
+    content?: React.ReactNode | string;
+};
+export interface IHelpMessage {
+    styles?: InputStateProps;
+    helpMessage?: InputHelpMessageType;
+    helpMessageId?: string;
+    dataTestId?: string;
+}
+export type InputErrorMessageType = Omit<IText<string>, 'children'> & {
+    content?: string;
+};
+export interface IErrorMessage {
+    styles?: InputStateProps;
+    state: InputState;
+    errorMessage?: InputErrorMessageType;
+    errorMessageId?: string;
+    errorIcon?: IElementOrIcon;
+    errorAriaLiveType?: AriaLiveOptionType;
+    dataTestId?: string;
+}
+type InputAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-controls' | 'aria-expanded' | 'aria-invalid' | 'aria-disabled'>;
+type componentPropsToOmit = 'styles' | 'state' | 'dataTestId' | 'placeholder' | 'leftExtraStyles' | 'topExtraStyles' | 'id';
+export interface IInputComponents extends InputAriaAttributes, Omit<IErrorMessage, componentPropsToOmit>, Omit<IHelpMessage, componentPropsToOmit>, Omit<IInformationAssociated, componentPropsToOmit>, Omit<ITextCount, componentPropsToOmit>, Omit<ILabel, componentPropsToOmit>, Omit<ITitle, componentPropsToOmit>, Omit<IInputLoader, componentPropsToOmit>, Omit<IInputIcon, componentPropsToOmit> {
+}
+type AriaHasPopupType = boolean | 'dialog' | 'menu' | 'true' | 'false' | 'grid' | 'listbox' | 'tree' | undefined;
+export interface MultipleRef {
+    refInput?: React.MutableRefObject<HTMLInputElement>;
+    refIcon: React.MutableRefObject<HTMLSpanElement | undefined>;
+    refRightIcon: React.MutableRefObject<HTMLSpanElement | undefined>;
+    refLeftIcon: React.MutableRefObject<HTMLSpanElement | undefined>;
+}
+export type FormatNumber = Intl.NumberFormatOptions & {
+    /**
+     * @deprecated `locale` in `formatNumber` is deprecated. Please use `locale` instead.
+     */
+    locale?: string;
+};
+export type IInputStandAlone = IInputComponents & {
+    state: InputState;
+    styles: InputStylesProps;
+    value?: string | number;
+    name?: string;
+    id?: string;
+    type?: InputTypeType;
+    truncate?: boolean;
+    disabledArrowUpDownInputNumber?: boolean;
+    placeholder?: string;
+    spellCheck?: boolean;
+    autocomplete?: AUTOCOMPLETE_TYPE;
+    autoCapitalize?: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters' | AUTOCAPITALIZE_TYPE;
+    disabledCopyAndPaste?: boolean;
+    disabledWheelMouse?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    min?: number;
+    max?: number;
+    ignoreKeys?: string[];
+    inputMode?: InputModeType;
+    formatNumber?: FormatNumber;
+    leftContent?: string | JSX.Element;
+    leftExtraStyles?: CSSProp;
+    rightContent?: string | JSX.Element;
+    rightExtraStyles?: CSSProp;
+    topExtraStyles?: CSSProp;
+    bottomExtraStyles?: CSSProp;
+    centerExtraStyles?: CSSProp;
+    dataTestId?: string;
+    extraAriaLabelledBy?: string;
+    ['aria-haspopup']?: AriaHasPopupType;
+    role?: ROLES;
+    mask?: string;
+    maskType?: MASK_TYPE;
+    locale?: string;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+    onPaste?: React.ClipboardEventHandler<HTMLInputElement>;
+};
+type propsToOmit = 'styles' | 'textVariant' | 'inputId' | 'helpMessageId' | 'errorMessageId' | 'filled';
+export interface IInputControlled<V = undefined extends string ? unknown : string> extends Omit<IInputStandAlone, propsToOmit>, Omit<CustomTokenTypes<InputStylesProps>, 'cts' | 'extraCt'> {
+    variant: V;
+    id?: string;
+    overrideStyles?: InputStylesProps;
+}
+export type IInputUnControlled<V = undefined extends string ? unknown : string> = Omit<IInputControlled<V>, 'value' | 'state'> & {
+    error?: boolean;
+    disabled?: boolean;
+    value?: string | number;
+    errorExecution?: ERROR_EXECUTION;
+    internalErrorExecution?: INTERNAL_ERROR_EXECUTION;
+    keyValidation?: string;
+    regex?: string | RegExp;
+    onInternalErrors?: (errors: string[]) => void;
+    onError?: (error: boolean) => void;
+};
+export {};

package/dist/cjs/components/input/types/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/input/types/input.ts"],"names":[],"mappings":";;;AAyDA,QAAQ;AACR,IAAY,SAOX;AAPD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;IACnB,wDAA2C,CAAA;IAC3C,0CAA6B,CAAA;IAC7B,kEAAqD,CAAA;IACrD,0DAA6C,CAAA;AAC/C,CAAC,EAPW,SAAS,yBAAT,SAAS,QAOpB;AAED,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,yCAAsB,CAAA;IACtB,qCAAkB,CAAA;IAClB,gCAAa,CAAA;AACf,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAED,IAAY,wBAKX;AALD,WAAY,wBAAwB;IAClC,kDAAsB,CAAA;IACtB,8CAAkB,CAAA;IAClB,gEAAoC,CAAA;IACpC,yCAAa,CAAA;AACf,CAAC,EALW,wBAAwB,wCAAxB,wBAAwB,QAKnC;AAED,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAC7B,kCAAW,CAAA;IACX,oCAAa,CAAA;IACb,gCAAS,CAAA;IACT,8CAAuB,CAAA;IACvB,sCAAe,CAAA;IACf,gDAAyB,CAAA;AAC3B,CAAC,EAPW,mBAAmB,mCAAnB,mBAAmB,QAO9B;AAED,IAAY,iBAmEX;AAnED,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,gCAAW,CAAA;IACX,kCAAa,CAAA;IACb,0DAAqC,CAAA;IACrC,8CAAyB,CAAA;IACzB,wDAAmC,CAAA;IACnC,gDAA2B,CAAA;IAC3B,0DAAqC,CAAA;IACrC,0CAAqB,CAAA;IACrB,oCAAe,CAAA;IACf,0CAAqB,CAAA;IACrB,kDAA6B,CAAA;IAC7B,0DAAqC,CAAA;IACrC,oDAA+B,CAAA;IAC/B,8DAAyC,CAAA;IACzC,kDAA6B,CAAA;IAC7B,sDAAiC,CAAA;IACjC,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,wCAAmB,CAAA;IACnB,gDAA2B,CAAA;IAC3B,wCAAmB,CAAA;IACnB,oDAA+B,CAAA;IAC/B,8DAAyC,CAAA;IACzC,sDAAiC,CAAA;IACjC,4CAAuB,CAAA;IACvB,sCAAiB,CAAA;IACjB,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;IAC3B,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,kEAA6C,CAAA;IAC7C,8DAAyC,CAAA;IACzC,0CAAqB,CAAA;IACrB,kCAAa,CAAA;IACb,0CAAqB,CAAA;IACrB,8CAAyB,CAAA;IACzB,4CAAuB,CAAA;IACvB,gCAAW,CAAA;IACX,gCAAW,CAAA;IACX,0DAAqC,CAAA;IACrC,kDAA6B,CAAA;IAC7B,oDAA+B,CAAA;IAC/B,4CAAuB,CAAA;IACvB,oDAA+B,CAAA;IAC/B,kCAAa,CAAA;IACb,gCAAW,CAAA;IACX,oCAAe,CAAA;IACf,4CAAuB,CAAA;IACvB,kCAAa,CAAA;IACb,4DAAuC,CAAA;IACvC,kCAAa,CAAA;IACb,wCAAmB,CAAA;IACnB,sCAAiB,CAAA;IACjB,0CAAqB,CAAA;IACrB,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;IACjB,gCAAW,CAAA;IACX,oCAAe,CAAA;IACf,oCAAe,CAAA;AACjB,CAAC,EAnEW,iBAAiB,iCAAjB,iBAAiB,QAmE5B"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/input/types/input.ts"],"names":[],"mappings":";;;AA6DA,QAAQ;AACR,IAAY,SAOX;AAPD,WAAY,SAAS;IACnB,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;IACnB,wDAA2C,CAAA;IAC3C,0CAA6B,CAAA;IAC7B,kEAAqD,CAAA;IACrD,0DAA6C,CAAA;AAC/C,CAAC,EAPW,SAAS,yBAAT,SAAS,QAOpB;AAED,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,yCAAsB,CAAA;IACtB,qCAAkB,CAAA;IAClB,gCAAa,CAAA;AACf,CAAC,EAJW,eAAe,+BAAf,eAAe,QAI1B;AAED,IAAY,wBAKX;AALD,WAAY,wBAAwB;IAClC,kDAAsB,CAAA;IACtB,8CAAkB,CAAA;IAClB,gEAAoC,CAAA;IACpC,yCAAa,CAAA;AACf,CAAC,EALW,wBAAwB,wCAAxB,wBAAwB,QAKnC;AAED,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAC7B,kCAAW,CAAA;IACX,oCAAa,CAAA;IACb,gCAAS,CAAA;IACT,8CAAuB,CAAA;IACvB,sCAAe,CAAA;IACf,gDAAyB,CAAA;AAC3B,CAAC,EAPW,mBAAmB,mCAAnB,mBAAmB,QAO9B;AAED,IAAY,iBAmEX;AAnED,WAAY,iBAAiB;IAC3B,8BAAS,CAAA;IACT,gCAAW,CAAA;IACX,kCAAa,CAAA;IACb,0DAAqC,CAAA;IACrC,8CAAyB,CAAA;IACzB,wDAAmC,CAAA;IACnC,gDAA2B,CAAA;IAC3B,0DAAqC,CAAA;IACrC,0CAAqB,CAAA;IACrB,oCAAe,CAAA;IACf,0CAAqB,CAAA;IACrB,kDAA6B,CAAA;IAC7B,0DAAqC,CAAA;IACrC,oDAA+B,CAAA;IAC/B,8DAAyC,CAAA;IACzC,kDAA6B,CAAA;IAC7B,sDAAiC,CAAA;IACjC,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,sDAAiC,CAAA;IACjC,wCAAmB,CAAA;IACnB,gDAA2B,CAAA;IAC3B,wCAAmB,CAAA;IACnB,oDAA+B,CAAA;IAC/B,8DAAyC,CAAA;IACzC,sDAAiC,CAAA;IACjC,4CAAuB,CAAA;IACvB,sCAAiB,CAAA;IACjB,kDAA6B,CAAA;IAC7B,gDAA2B,CAAA;IAC3B,sCAAiB,CAAA;IACjB,wCAAmB,CAAA;IACnB,kEAA6C,CAAA;IAC7C,8DAAyC,CAAA;IACzC,0CAAqB,CAAA;IACrB,kCAAa,CAAA;IACb,0CAAqB,CAAA;IACrB,8CAAyB,CAAA;IACzB,4CAAuB,CAAA;IACvB,gCAAW,CAAA;IACX,gCAAW,CAAA;IACX,0DAAqC,CAAA;IACrC,kDAA6B,CAAA;IAC7B,oDAA+B,CAAA;IAC/B,4CAAuB,CAAA;IACvB,oDAA+B,CAAA;IAC/B,kCAAa,CAAA;IACb,gCAAW,CAAA;IACX,oCAAe,CAAA;IACf,4CAAuB,CAAA;IACvB,kCAAa,CAAA;IACb,4DAAuC,CAAA;IACvC,kCAAa,CAAA;IACb,wCAAmB,CAAA;IACnB,sCAAiB,CAAA;IACjB,0CAAqB,CAAA;IACrB,kCAAa,CAAA;IACb,kCAAa,CAAA;IACb,sCAAiB,CAAA;IACjB,gCAAW,CAAA;IACX,oCAAe,CAAA;IACf,oCAAe,CAAA;AACjB,CAAC,EAnEW,iBAAiB,iCAAjB,iBAAiB,QAmE5B"}

package/dist/cjs/components/input/types/inputStyledPropsType.d.ts

@@ -0,0 +1,65 @@
+import { IElementOrIcon } from '../../elementOrIcon/types/elementOrIcon';
+import { InputStateProps, InputStylesProps } from './input';
+import { InputIconPosition, InputState, LABEL_TYPE } from './inputTheme';
+export type TitleStyledProps = {
+    $titleStyles?: InputStateProps;
+};
+export type LabelStyledProps = {
+    marginLeft?: string;
+    styles?: InputStateProps;
+    $placeholder?: string;
+    $maxLabelSize?: string;
+    state?: InputState;
+    leftExtraStyles?: boolean;
+    topExtraStyles?: boolean;
+};
+export type InformationAssociatedStyledProps = {
+    iconPosition?: InputIconPosition;
+    styles?: InputStateProps;
+};
+export type ErrorAndHelpMessageWrapperStyledProps = {
+    styles?: InputStateProps;
+};
+export type ErrorMessageStyledProps = {
+    styles?: InputStateProps;
+};
+export type HelpMessageStyledProps = {
+    styles?: InputStateProps;
+    align?: string;
+};
+export type TextCounterStyledProps = {
+    $marginRight?: string;
+};
+export type LoaderStyledProps = {
+    loading?: boolean;
+    styles?: InputStateProps;
+};
+export type InputIconStyledProps = {
+    iconPosition?: InputIconPosition;
+    styles?: InputStateProps;
+    $pointerEvents?: boolean;
+};
+export type TopContentWrapperStyledProps = {
+    styles?: InputStateProps;
+};
+export type InputStyledProps = {
+    state: InputState;
+    styles?: InputStylesProps;
+    cursorPointer?: string;
+    /**
+     * @deprecated `icon` will be removed. Use 'leftIcon` or 'rightIcon' instead
+     */
+    icon?: JSX.Element | HTMLElement | React.ReactNode | string;
+    /**
+     * @deprecated `iconPosition` will be removed. Use 'leftIcon` or 'rightIcon' instead
+     */
+    iconPosition?: InputIconPosition;
+    leftIcon?: IElementOrIcon;
+    rightIcon?: IElementOrIcon;
+    labelType?: LABEL_TYPE;
+    placeholder?: string;
+};
+export type InputWrapperStyledProps = {
+    styles?: InputStateProps;
+    labelType?: LABEL_TYPE;
+};

package/dist/cjs/components/input/types/inputTheme.d.ts

@@ -0,0 +1,92 @@
+import { IconHighlightedSizeType } from '../../../components/iconHighlighted/types/size';
+import { DeviceBreakpointsType } from '../../../types/breakpoints/breakpoints';
+import { CommonStyleType } from '../../../types/styles/commonStyle';
+import { IconTypes } from '../../../types/styles/icon';
+import { TypographyTypes } from '../../../types/styles/typography';
+export declare enum InputState {
+    EMPTY = "EMPTY",
+    ACTIVE = "ACTIVE",
+    FILLED = "FILLED",
+    ERROR_EMPTY = "ERROR_EMPTY",
+    ERROR_FILLED = "ERROR_FILLED",
+    ERROR_FILLED_WITH_INFO = "ERROR_FILLED_WITH_INFO",
+    ERROR_ACTIVE = "ERROR_ACTIVE",
+    DISABLED_FILLED = "DISABLED_FILLED",
+    DISABLED_EMPTY = "DISABLED_EMPTY",
+    DISABLED_FILLED_WITH_INFO = "DISABLED_FILLED_WITH_INFO"
+}
+export declare enum LABEL_TYPE {
+    STANDARD = "STANDARD",
+    OUTLINED = "OUTLINED",
+    FILLED = "FILLED"
+}
+export declare enum InputHelpMessagePosition {
+    TOP = "TOP",
+    BOTTOM = "BOTTOM"
+}
+export declare enum InputIconPosition {
+    RIGHT = "RIGHT",
+    LEFT = "LEFT"
+}
+export declare enum InputContentPosition {
+    INNER = "INNER",
+    OUT = "OUT"
+}
+export type InputBasicStateProps = {
+    inputWrapperContainer?: CommonStyleType;
+    topContentContainer?: CommonStyleType;
+    input?: TypographyTypes;
+    inputContainer?: CommonStyleType;
+    inputIcon?: IconTypes;
+    inputIconContainer?: CommonStyleType;
+    inputIconContainerRight?: CommonStyleType;
+    label?: TypographyTypes & {
+        type?: LABEL_TYPE;
+    };
+    focusVisibleCustom?: CommonStyleType;
+    labelContainer?: CommonStyleType;
+    placeholder?: TypographyTypes;
+    asterisk?: TypographyTypes;
+    loader?: TypographyTypes;
+    loaderContainer?: CommonStyleType;
+    loaderIcon?: IconTypes;
+    loaderVariant?: string;
+    title?: TypographyTypes;
+    titleContainer?: CommonStyleType;
+    additionalInfoContainer?: CommonStyleType;
+    titleAndAdditionalInfoContainer?: CommonStyleType;
+    informationAssociated?: TypographyTypes;
+    informationAssociatedTextAndDecorativeContainer?: CommonStyleType;
+    informationAssociatedContainer?: CommonStyleType;
+    informationAssociatedIcon?: IconTypes;
+    informationAssociatedIconHightlight?: {
+        variant: string;
+        color: string;
+        size: IconHighlightedSizeType;
+        backgroundColor?: string;
+    };
+    informationAssociatedIconHightlightContainer?: CommonStyleType;
+    informationAssociatedButton?: {
+        variant: string;
+        size: string;
+    };
+    informationAssociatedButtonContainer?: CommonStyleType;
+    errorAndHelpMessageContainer?: CommonStyleType;
+    errorMessage?: TypographyTypes;
+    errorMessageContainer?: CommonStyleType;
+    errorMessageIcon?: IconTypes;
+    errorMessageIconContainer?: CommonStyleType;
+    helpMessage?: TypographyTypes & {
+        position?: InputHelpMessagePosition;
+    };
+    helpMessageContainer?: CommonStyleType;
+    inputCaretColor?: {
+        [key in DeviceBreakpointsType]?: string;
+    };
+};
+export type InputBasicStylesProps = {
+    [state in InputState]?: InputBasicStateProps;
+};
+export type InputStylesType<V extends string | number | symbol> = {
+    [variant in V]: InputBasicStylesProps;
+};

package/dist/cjs/components/input/types/inputTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputTheme.js","sourceRoot":"","sources":["../../../../../src/components/input/types/inputTheme.ts"],"names":[],"mappings":";;;AAIA,QAAQ;AACR,IAAY,UAWX;AAXD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,yCAA2B,CAAA;IAC3B,2CAA6B,CAAA;IAC7B,+DAAiD,CAAA;IACjD,2CAA6B,CAAA;IAC7B,iDAAmC,CAAA;IACnC,+CAAiC,CAAA;IACjC,qEAAuD,CAAA;AACzD,CAAC,EAXW,UAAU,0BAAV,UAAU,QAWrB;AAED,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAED,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,uCAAmB,CAAA;IACnB,6CAAyB,CAAA;AAC3B,CAAC,EAHW,wBAAwB,wCAAxB,wBAAwB,QAGnC;AAED,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,oCAAuB,CAAA;IACvB,kCAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAED,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,uCAAe,CAAA;IACf,mCAAW,CAAA;AACb,CAAC,EAHW,oBAAoB,oCAApB,oBAAoB,QAG/B"}
+{"version":3,"file":"inputTheme.js","sourceRoot":"","sources":["../../../../../src/components/input/types/inputTheme.ts"],"names":[],"mappings":";;;AAOA,QAAQ;AACR,IAAY,UAWX;AAXD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,yCAA2B,CAAA;IAC3B,2CAA6B,CAAA;IAC7B,+DAAiD,CAAA;IACjD,2CAA6B,CAAA;IAC7B,iDAAmC,CAAA;IACnC,+CAAiC,CAAA;IACjC,qEAAuD,CAAA;AACzD,CAAC,EAXW,UAAU,0BAAV,UAAU,QAWrB;AAED,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,mCAAqB,CAAA;IACrB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAED,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,uCAAmB,CAAA;IACnB,6CAAyB,CAAA;AAC3B,CAAC,EAHW,wBAAwB,wCAAxB,wBAAwB,QAGnC;AAED,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,oCAAuB,CAAA;IACvB,kCAAqB,CAAA;AACvB,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAED,IAAY,oBAGX;AAHD,WAAY,oBAAoB;IAC9B,uCAAe,CAAA;IACf,mCAAW,CAAA;AACb,CAAC,EAHW,oBAAoB,oCAApB,oBAAoB,QAG/B"}

package/dist/cjs/components/input/types/internalErrors.d.ts

@@ -0,0 +1,7 @@
+export declare enum InternalErrorType {
+    INVALID_EMAIL = "invalid_email",
+    INVALID_DATE = "invalid_date",
+    INVALID_DATE_RANGE = "invalid_date_range",
+    INVALID_MIN_LENGTH = "invalid_min_length",
+    INVALID_OPTION = "INVALID_OPTION"
+}

package/dist/cjs/components/input/types/titleComponent.d.ts

@@ -0,0 +1,9 @@
+export declare enum InputTitleComponentType {
+    PARAGRAPH = "p",
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6"
+}

package/dist/cjs/components/input/utils/aria.utils.d.ts

@@ -0,0 +1,9 @@
+import { InputState } from '../types/inputTheme';
+export declare const buildAriaDescribedBy: ({ ariaDescribedBy, helpMessage, helpMessageId, errorMessage, errorMessageId, state, }: {
+    ariaDescribedBy?: string;
+    helpMessage?: React.ReactNode;
+    helpMessageId?: string;
+    errorMessage?: string;
+    errorMessageId?: string;
+    state?: InputState;
+}) => string | undefined;

package/dist/cjs/components/input/utils/aria.utils.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildAriaDescribedBy = void 0;
 const state_utils_1 = require("./state.utils");
 const buildAriaDescribedBy = ({ ariaDescribedBy, helpMessage, helpMessageId, errorMessage, errorMessageId, state, }) => {
-    if (!ariaDescribedBy && !errorMessage)
+    if (!ariaDescribedBy && !errorMessage && !helpMessage)
         return;
     let res = '';
     if (ariaDescribedBy) {

package/dist/cjs/components/input/utils/aria.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"aria.utils.js","sourceRoot":"","sources":["../../../../../src/components/input/utils/aria.utils.ts"],"names":[],"mappings":";;;AACA,+CAAyC;AAElC,MAAM,oBAAoB,GAAG,CAAC,EACnC,eAAe,EACf,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,EACd,KAAK,GAQN,EAAsB,EAAE;IACvB,IAAI,CAAC,eAAe,IAAI,CAAC,YAAY;QAAE,OAAO;IAE9C,IAAI,GAAG,GAAW,EAAE,CAAC;IACrB,IAAI,eAAe,EAAE,CAAC;QACpB,GAAG,IAAI,IAAI,eAAe,EAAE,CAAC;IAC/B,CAAC;IACD,IAAI,cAAc,IAAI,YAAY,IAAI,IAAA,sBAAQ,EAAC,KAAK,CAAC,EAAE,CAAC;QACtD,GAAG,IAAI,IAAI,cAAc,EAAE,CAAC;IAC9B,CAAC;IACD,IAAI,aAAa,IAAI,WAAW,EAAE,CAAC;QACjC,GAAG,IAAI,IAAI,aAAa,EAAE,CAAC;IAC7B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AA5BW,QAAA,oBAAoB,wBA4B/B"}
+{"version":3,"file":"aria.utils.js","sourceRoot":"","sources":["../../../../../src/components/input/utils/aria.utils.ts"],"names":[],"mappings":";;;AACA,+CAAyC;AAElC,MAAM,oBAAoB,GAAG,CAAC,EACnC,eAAe,EACf,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,EACd,KAAK,GAQN,EAAsB,EAAE;IACvB,IAAI,CAAC,eAAe,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW;QAAE,OAAO;IAC9D,IAAI,GAAG,GAAW,EAAE,CAAC;IACrB,IAAI,eAAe,EAAE,CAAC;QACpB,GAAG,IAAI,IAAI,eAAe,EAAE,CAAC;IAC/B,CAAC;IACD,IAAI,cAAc,IAAI,YAAY,IAAI,IAAA,sBAAQ,EAAC,KAAK,CAAC,EAAE,CAAC;QACtD,GAAG,IAAI,IAAI,cAAc,EAAE,CAAC;IAC9B,CAAC;IACD,IAAI,aAAa,IAAI,WAAW,EAAE,CAAC;QACjC,GAAG,IAAI,IAAI,aAAa,EAAE,CAAC;IAC7B,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AA3BW,QAAA,oBAAoB,wBA2B/B"}

package/dist/cjs/components/input/utils/extraStyles.utils.d.ts

@@ -0,0 +1,4 @@
+import { CSSProp } from 'styled-components';
+import { POSITIONS } from '../../../types/positions/positions';
+import { InputHelpMessagePosition } from '../types/inputTheme';
+export declare const getExtraStyles: (stylesPosition: POSITIONS, affixPosition?: POSITIONS, width?: number, isOutAffixPosition?: boolean, helpTextPosition?: InputHelpMessagePosition, inputWidth?: number) => CSSProp | undefined;

package/dist/cjs/components/input/utils/extraStyles.utils.js

@@ -2,41 +2,41 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getExtraStyles = void 0;
 const styled_components_1 = require("styled-components");
-const types_1 = require("../../../components/input/types");
+const positions_1 = require("../../../types/positions/positions");
 // mixins
-const mixins_1 = require("../../../styles/mixins");
-const positions_1 = require("../../../types/positions");
+const input_mixin_1 = require("../../../styles/mixins/input.mixin");
+const inputTheme_1 = require("../types/inputTheme");
 const getLeftExtraStyles = (affixPosition, isOutAffixPosition) => {
     if (affixPosition === positions_1.POSITIONS.LEFT && !isOutAffixPosition) {
         return (0, styled_components_1.css) `
-      ${mixins_1.innerLeftContentPosition}
+      ${input_mixin_1.innerLeftContentPosition}
     `;
     }
     return undefined;
 };
 const getRightExtraStyles = (affixPosition, isOutAffixPosition) => {
     if (affixPosition === positions_1.POSITIONS.RIGHT && !isOutAffixPosition) {
-        return (0, mixins_1.innerRightContentPosition)();
+        return (0, input_mixin_1.innerRightContentPosition)();
     }
     return undefined;
 };
 const getTopExtraStyles = (affixPosition, width, isOutAffixPosition, inputWidth) => {
     if (affixPosition === positions_1.POSITIONS.LEFT && isOutAffixPosition) {
-        return (0, mixins_1.labelInTopStyles)(width || 0, inputWidth || 0);
+        return (0, input_mixin_1.labelInTopStyles)(width || 0, inputWidth || 0);
     }
     return undefined;
 };
 const getBottomExtraStyles = (affixPosition, width, isOutAffixPosition, helpTextPosition) => {
     if (affixPosition === positions_1.POSITIONS.LEFT &&
         isOutAffixPosition &&
-        helpTextPosition === types_1.InputHelpMessagePosition.BOTTOM) {
-        return (0, mixins_1.contentBottomMargin)(width || 0, 0);
+        helpTextPosition === inputTheme_1.InputHelpMessagePosition.BOTTOM) {
+        return (0, input_mixin_1.contentBottomMargin)(width || 0, 0);
     }
     return undefined;
 };
 const getCenterExtraStyles = (affixPosition, width, isOutAffixPosition) => {
     if (affixPosition === positions_1.POSITIONS.LEFT && !isOutAffixPosition) {
-        return (0, mixins_1.inputPadding)(width || 0, 0);
+        return (0, input_mixin_1.inputPadding)(width || 0, 0);
     }
     return undefined;
 };

package/dist/cjs/components/input/utils/extraStyles.utils.js.map

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

package/dist/cjs/components/input/utils/fontSize.utils.d.ts

@@ -0,0 +1,3 @@
+import { InputStylesProps } from '../types/input';
+import { InputState } from '../types/inputTheme';
+export declare const getFontSize: (state: InputState, type: string, component: string, styles?: InputStylesProps, placeholder?: string) => string | undefined;

package/dist/cjs/components/input/utils/fontSize.utils.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFontSize = void 0;
-const types_1 = require("../../../components/input/types");
+const inputTheme_1 = require("../types/inputTheme");
 const getFontSize = (state, type, component, styles, placeholder) => {
-    if (styles?.[state]?.label?.type !== types_1.LABEL_TYPE.STANDARD &&
+    if (styles?.[state]?.label?.type !== inputTheme_1.LABEL_TYPE.STANDARD &&
         placeholder &&
-        state !== types_1.InputState.ACTIVE) {
-        return styles?.[types_1.InputState.ACTIVE]?.[component]?.[type];
+        state !== inputTheme_1.InputState.ACTIVE) {
+        return styles?.[inputTheme_1.InputState.ACTIVE]?.[component]?.[type];
     }
     return styles?.[state]?.[component]?.[type];
 };

package/dist/cjs/components/input/utils/fontSize.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"fontSize.utils.js","sourceRoot":"","sources":["../../../../../src/components/input/utils/fontSize.utils.ts"],"names":[],"mappings":";;;AAAA,oDAAoF;AAE7E,MAAM,WAAW,GAAG,CACzB,KAAiB,EACjB,IAAY,EACZ,SAAiB,EACjB,MAAyB,EACzB,WAAoB,EACA,EAAE;IACtB,IACE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,KAAK,kBAAU,CAAC,QAAQ;QACpD,WAAW;QACX,KAAK,KAAK,kBAAU,CAAC,MAAM,EAC3B,CAAC;QACD,OAAO,MAAM,EAAE,CAAC,kBAAU,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAC9C,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB"}
+{"version":3,"file":"fontSize.utils.js","sourceRoot":"","sources":["../../../../../src/components/input/utils/fontSize.utils.ts"],"names":[],"mappings":";;;AACA,oDAA6D;AAEtD,MAAM,WAAW,GAAG,CACzB,KAAiB,EACjB,IAAY,EACZ,SAAiB,EACjB,MAAyB,EACzB,WAAoB,EACA,EAAE;IACtB,IACE,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,KAAK,uBAAU,CAAC,QAAQ;QACpD,WAAW;QACX,KAAK,KAAK,uBAAU,CAAC,MAAM,EAC3B,CAAC;QACD,OAAO,MAAM,EAAE,CAAC,uBAAU,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,MAAM,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AAC9C,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB"}

package/dist/cjs/components/input/utils/formatNumber.d.ts

@@ -0,0 +1,7 @@
+import { FormatNumber } from '../types/input';
+export declare const formatNumber: (amount: number, formatNumber: FormatNumber, locale?: string) => string;
+export declare const getThousandSeparator: (locale?: string) => string;
+export declare const getDecimalSeparator: (locale?: string) => string;
+export declare const checkValidFormattedNumber: (value: string, locale?: string) => boolean;
+export declare const convertDecimalSeparator: (value: string, decimalSeparator: string) => string;
+export declare const removeThousandSeparator: (value: string, locale?: string, replaceDecimalSeparator?: boolean) => string;

package/dist/cjs/components/input/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './state.utils';
+export * from './aria.utils';
+export * from './fontSize.utils';
+export * from './extraStyles.utils';
+export * from './formatNumber';

package/dist/cjs/components/input/utils/index.js

@@ -19,5 +19,4 @@ __exportStar(require("./aria.utils"), exports);
 __exportStar(require("./fontSize.utils"), exports);
 __exportStar(require("./extraStyles.utils"), exports);
 __exportStar(require("./formatNumber"), exports);
-__exportStar(require("./getMaxLabelSize.utils"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/input/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/input/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,+CAA6B;AAC7B,mDAAiC;AACjC,sDAAoC;AACpC,iDAA+B;AAC/B,0DAAwC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/input/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,+CAA6B;AAC7B,mDAAiC;AACjC,sDAAoC;AACpC,iDAA+B"}