@kubit-ui-web/react-components 1.13.2 → 1.15.0

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

@@ -0,0 +1,192 @@
+import { ReactNode } from 'react';
+import { IElementOrIcon } from '../../../components/elementOrIcon';
+import { IInputStandAlone, INTERNAL_ERROR_EXECUTION, InputHelpMessageType, InputLabelType, InputState, InputStylesProps } from '../../../components/input/types';
+import { ListOptionsOptionType } from '../../../components/listOptions';
+import { ILoader } from '../../../components/loader/types';
+import { OptionSublabelType } from '../../../components/option';
+import { IText } from '../../../components/text/types';
+import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
+import { InputSearchListOptionsProps, InputSearchStateProps, InputSearchStylesProps } from './inputSearchTheme';
+export type InputSearchOptionType = ListOptionsOptionType;
+export type InputSearchTitleType = Omit<IText<string>, 'children'> & {
+    content?: string | number;
+};
+export type OptionGroupAriasTypes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby'>;
+export interface IOptionGroup extends OptionGroupAriasTypes {
+    options: string[];
+    title?: InputSearchTitleType;
+    optionVariant?: string;
+    listOptionsVariant?: string;
+}
+export type InputSearchLoadingTextType = Omit<IText<string>, 'children'> & {
+    content?: string;
+};
+export type InputSearchNoResultTextType = Omit<IText<string>, 'children'> & {
+    content?: string | ReactNode;
+};
+export type PopoverSearchInputType = {
+    additionalInfo?: ReactNode;
+    label?: InputLabelType;
+    secondaryLabel?: ReactNode;
+    helpMessage?: InputHelpMessageType;
+    /**
+     * @deprecated `icon` will be removed. Use `rightIcon instead
+     */
+    icon?: IElementOrIcon;
+    rightIcon?: IElementOrIcon;
+    overrideStyles?: InputStylesProps;
+    placeholder?: string;
+    value?: string;
+    variant?: string;
+    error?: boolean;
+    errorIcon?: IElementOrIcon;
+    errorMessage?: InputSearchLoadingTextType;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onIconClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+export interface IPopoverSearchList {
+    blockBackPopover?: boolean;
+    ['aria-controls']?: string;
+    closeIcon?: IElementOrIcon;
+    dataTestId?: string;
+    device: DeviceBreakpointsType;
+    elementsToShow?: number;
+    highlightedOption?: string;
+    hasHighlightedOption?: boolean;
+    inputConfiguration?: PopoverSearchInputType;
+    listOptionsHeight: string;
+    loader?: Omit<ILoader, 'variant'> & {
+        variant?: string;
+    };
+    loading?: boolean;
+    noResultsText?: InputSearchNoResultTextType;
+    loadingText?: InputSearchLoadingTextType;
+    open: boolean;
+    optionList: IOptionGroup[];
+    optionsListDefaultArias?: OptionGroupAriasTypes;
+    preventCloseOnClickElements?: (HTMLElement | null | undefined)[];
+    searchText?: string;
+    hasResultTextWrittenByUser?: boolean;
+    state: InputState;
+    styles: InputSearchStylesProps;
+    sublabel?: OptionSublabelType;
+    titleActionBottomSheet?: string;
+    regex?: string | RegExp;
+    value?: string;
+    caseSensitive?: boolean;
+    optionCheckedIcon?: IElementOrIcon;
+    optionsScreenReaderText?: string;
+    initialOptionsLength: number;
+    onOpenOptions: (value: boolean) => void;
+    onValueSelected: (value: string) => void;
+    onOptionsListKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+}
+export interface IOptionsListSearchList extends OptionGroupAriasTypes {
+    caseSensitive?: boolean;
+    index?: number;
+    stylesListOption?: InputSearchListOptionsProps;
+    stylesState?: InputSearchStateProps;
+    options: string[];
+    optionVariant?: string;
+    listOptionsVariant?: string;
+    title?: InputSearchTitleType;
+    onOpenOptions: (value: boolean) => void;
+    onValueSelected: (value: string) => void;
+    ['aria-controls']?: string;
+    dataTestId?: string;
+    hightlightedOption?: InputSearchOptionType;
+    loading?: boolean;
+    loader?: Omit<ILoader, 'variant'> & {
+        variant?: string;
+    };
+    loadingText?: InputSearchLoadingTextType;
+    value?: string;
+    searchText?: string;
+    optionCheckedIcon?: IElementOrIcon;
+    optionsScreenReaderText?: string;
+    initialOptionsLength: number;
+}
+export interface ILoadingIcon {
+    expanded: boolean;
+    loading?: boolean;
+    loader?: Omit<ILoader, 'variant'> & {
+        variant?: string;
+    };
+    loadingText?: InputSearchLoadingTextType;
+    stateStyles?: InputSearchStateProps;
+}
+type propsToOmitInputStandalone = 'variant' | 'styles' | 'inputId' | 'error' | 'disabled' | 'textCounter' | 'max' | 'min' | 'minLength' | 'mask' | 'maskType' | 'truncate' | 'role' | 'aria-controls' | 'aria-expanded' | 'aria-haspopup' | 'formatNumber' | 'locale';
+export interface IInputSearchStandAlone extends Omit<IInputStandAlone, propsToOmitInputStandalone> {
+    device: DeviceBreakpointsType;
+    styles: InputSearchStylesProps;
+    inputVariant?: string;
+    open: boolean;
+    error?: boolean;
+    searchText?: string;
+    value?: string;
+    titleActionBottomSheet?: string;
+    regex?: string | RegExp;
+    caseSensitive?: boolean;
+    listOptionsHeight: string;
+    optionList: IOptionGroup[];
+    optionsListDefaultArias?: OptionGroupAriasTypes;
+    optionCheckedIcon?: IElementOrIcon;
+    loadingList?: boolean;
+    loadingText?: InputSearchLoadingTextType;
+    elementsToShow?: number;
+    noResultsText?: InputSearchNoResultTextType;
+    highlightedOption?: string;
+    hasResultTextWrittenByUser?: boolean;
+    hasHighlightedOption?: boolean;
+    sublabel?: OptionSublabelType;
+    closeIcon?: IElementOrIcon;
+    /**
+     * @deprecated `inputPopoverIcon` will be removed. Use `popoverRightIcon` instead
+     */
+    inputPopoverIcon?: IElementOrIcon;
+    inputPopoverRightIcon?: IElementOrIcon;
+    inputPopoverValue?: string;
+    inputPopoverVariant?: string;
+    optionsScreenReaderText?: string;
+    initialOptionsLength: number;
+    onOpenOptions: (value: boolean) => void;
+    onValueSelected: (value: string) => void;
+    onInputPopoverIconClick: () => void;
+    onInputPopoverChange: React.ChangeEventHandler<HTMLInputElement>;
+    onInputPopoverKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onOptionsListKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    blockBackPopover?: boolean;
+}
+type propsToOmit = 'styles' | 'state' | 'searchText' | 'device' | 'inputPopoverValue' | 'open' | 'listOptionsHeight' | 'hasHighlightedOption' | 'initialOptionsLength' | 'onOpenOptions' | 'onChange' | 'onInputPopoverChange' | 'onInputPopoverKeyDown' | 'onInputPopoverIconClick' | 'onValueSelected' | 'onClick';
+export interface InputSearchFilterOptionReturnValue {
+    optionsFiltered: IOptionGroup[];
+}
+export interface SearchFilterConfig {
+    wordSeparator: string;
+    suggestInit: number;
+}
+export interface IInputSearch<V = undefined extends string ? unknown : string> extends Omit<IInputSearchStandAlone, propsToOmit>, Omit<CustomTokenTypes<InputSearchStylesProps>, 'cts' | 'extraCt'> {
+    variant: V;
+    open?: boolean;
+    disabled?: boolean;
+    searchFilterConfig?: SearchFilterConfig;
+    disableErrorInvalidOption?: boolean;
+    regex?: string | RegExp;
+    internalErrorExecution?: INTERNAL_ERROR_EXECUTION;
+    onClick?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    /**
+     * @deprecated
+     * @description This prop is deprecated and will be removed in the next major version.
+     */
+    clearTextInputPopoverIconClick?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputPopoverIconClick?: () => void;
+    onInputPopoverEnterKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onOptionsListKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onPopoverOpen?: (open: boolean) => void;
+    onOptionClick?: IInputSearchStandAlone['onValueSelected'];
+    executeInternalOpenOptions?: boolean;
+    onInternalErrors?: (errors: string[]) => void;
+}
+export {};

package/dist/cjs/components/inputSearch/types/inputSearchTheme.d.ts

@@ -0,0 +1,36 @@
+import { InputBasicStateProps, InputState } from '../../../components/input/types/inputTheme';
+import { CommonStyleType, DeviceBreakpointsType, TypographyTypes } from '../../../types';
+export type InputSearchStateProps = InputBasicStateProps & {
+    inputVariant?: string;
+    popoverVariant?: {
+        [key in DeviceBreakpointsType]?: string;
+    };
+    useActionBottomSheet?: {
+        [key in DeviceBreakpointsType]?: boolean;
+    };
+    actionBottomSheetVariant?: string;
+    loaderExpandedContainer?: CommonStyleType;
+    loaderContractedContainer?: CommonStyleType;
+    searchListContainer?: CommonStyleType;
+    searchListSubContainer?: CommonStyleType;
+    noResultsTextContainer?: CommonStyleType;
+    noResultsText?: TypographyTypes;
+    loader?: {
+        variant?: string;
+        width?: string;
+    };
+    loadingText?: TypographyTypes;
+};
+export type InputSearchListOptionsProps = {
+    variant?: string;
+    optionVariant?: string;
+    hightlightedOptionVariant?: string;
+};
+export type InputSearchStylesProps = {
+    [state in InputState]?: InputSearchStateProps;
+} & {
+    listOptions?: InputSearchListOptionsProps;
+};
+export type InputSearchVariantType<V extends string | number | symbol> = {
+    [variant in V]: InputSearchStylesProps;
+};

package/dist/cjs/components/inputSignature/hook/index.d.ts

@@ -0,0 +1 @@
+export { useDraw } from './useDraw';

package/dist/cjs/components/inputSignature/hook/useDraw.d.ts

@@ -0,0 +1,9 @@
+import { InputSignatureLineStyles } from '../types/inputSignatureTheme';
+type ReturnType = {
+    canvasRef: React.MutableRefObject<HTMLCanvasElement | null>;
+    filled: boolean;
+    resetCanvas: () => void;
+    setSignatureStyles: (signatureStyles?: InputSignatureLineStyles) => void;
+};
+export declare const useDraw: (onChange?: (value: string) => void) => ReturnType;
+export {};

package/dist/cjs/components/inputSignature/index.d.ts

@@ -0,0 +1,5 @@
+export type { IInputSignatureUnControlled, IInputSignatureControlled, InputSignatureStateStyles, InputSignatureStateTheme, InputSignatureStyles, } from './types';
+export { InputSignatureState } from './types';
+export { InputSignatureUnControlled } from './inputSignatureUncontrolled';
+export { InputSignatureControlled } from './inputSignatureControlled';
+export { useDraw } from './hook';

package/dist/cjs/components/inputSignature/inputSignature.styled.d.ts

@@ -0,0 +1,8 @@
+import { CommonStyleType } from '../../types';
+type ComponentStyles = {
+    styles: CommonStyleType;
+};
+export declare const InputSignatureContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentStyles>> & string;
+export declare const InputSignatureCanvasStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, never>> & string;
+export declare const InputSignaturePlaceholderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentStyles>> & string;
+export {};

package/dist/cjs/components/inputSignature/inputSignatureControlled.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IInputSignatureControlled } from './types/inputSignature';
+export declare const InputSignatureControlledComponent: React.ForwardRefExoticComponent<IInputSignatureControlled<unknown> & React.RefAttributes<HTMLDivElement>>;
+declare const InputSignatureControlled: <V extends string | unknown>(props: IInputSignatureControlled<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement | undefined | null>;
+}) => JSX.Element;
+export { InputSignatureControlled };

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IInputSignatureStandAlone } from './types';
+export declare const InputSignatureStandAloneComponent: ({ styles, canvasRef, dataTestid, ...props }: IInputSignatureStandAlone, ref: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+export declare const InputSignatureStandAlone: React.ForwardRefExoticComponent<IInputSignatureStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js

@@ -9,14 +9,14 @@ const react_1 = __importDefault(require("react"));
 const text_1 = require("../text");
 const inputSignature_styled_1 = require("./inputSignature.styled");
 const types_1 = require("./types");
-const InputSignatureStandAloneComponent = ({ styles, canvasRef, ...props }, ref) => {
+const InputSignatureStandAloneComponent = ({ styles, canvasRef, dataTestid = 'input-signature', ...props }, ref) => {
     const hasPlaceholder = props.state === types_1.InputSignatureState.DEFAULT ||
         props.state === types_1.InputSignatureState.ERROR ||
         props.state === types_1.InputSignatureState.DISABLED;
     const currentText = props.state === types_1.InputSignatureState.ERROR && props.errorText
         ? props.errorText
         : props.placeholder;
-    return ((0, jsx_runtime_1.jsxs)(inputSignature_styled_1.InputSignatureContainerStyled, { ref: ref, "data-testid": props.dataTestid, styles: styles.container, tabIndex: -1, onBlur: props.onBlurContainer, onClick: props.onClickContainer, children: [(0, jsx_runtime_1.jsx)(inputSignature_styled_1.InputSignatureCanvasStyled, { ref: canvasRef, "data-testid": `${props.dataTestid}Canvas` }), hasPlaceholder && ((0, jsx_runtime_1.jsx)(inputSignature_styled_1.InputSignaturePlaceholderStyled, { styles: styles.placeholderContainer, children: (0, jsx_runtime_1.jsx)(text_1.Text, { ...styles.placeholderText, ...currentText, children: currentText.content }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(inputSignature_styled_1.InputSignatureContainerStyled, { ref: ref, "data-testid": dataTestid, styles: styles.container, tabIndex: -1, onBlur: props.onBlurContainer, onClick: props.onClickContainer, children: [(0, jsx_runtime_1.jsx)(inputSignature_styled_1.InputSignatureCanvasStyled, { ref: canvasRef, "data-testid": `${dataTestid}-canvas` }), hasPlaceholder && ((0, jsx_runtime_1.jsx)(inputSignature_styled_1.InputSignaturePlaceholderStyled, { styles: styles.placeholderContainer, children: (0, jsx_runtime_1.jsx)(text_1.Text, { ...styles.placeholderText, ...currentText, children: currentText.content }) }))] }));
 };
 exports.InputSignatureStandAloneComponent = InputSignatureStandAloneComponent;
 exports.InputSignatureStandAlone = react_1.default.forwardRef(exports.InputSignatureStandAloneComponent);

package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputSignatureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kCAA+B;AAC/B,mEAIiC;AACjC,mCAAyE;AAElE,MAAM,iCAAiC,GAAG,CAC/C,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B,EAC1D,GAAuC,EAC1B,EAAE;IACf,MAAM,cAAc,GAClB,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,OAAO;QAC3C,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,KAAK;QACzC,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,QAAQ,CAAC;IAE/C,MAAM,WAAW,GACf,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;QAC1D,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;IAExB,OAAO,CACL,wBAAC,qDAA6B,IAC5B,GAAG,EAAE,GAAG,iBACK,KAAK,CAAC,UAAU,EAC7B,MAAM,EAAE,MAAM,CAAC,SAAS,EACxB,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,OAAO,EAAE,KAAK,CAAC,gBAAgB,aAE/B,uBAAC,kDAA0B,IAAC,GAAG,EAAE,SAAS,iBAAe,GAAG,KAAK,CAAC,UAAU,QAAQ,GAAI,EACvF,cAAc,IAAI,CACjB,uBAAC,uDAA+B,IAAC,MAAM,EAAE,MAAM,CAAC,oBAAoB,YAClE,uBAAC,WAAI,OAAK,MAAM,CAAC,eAAe,KAAM,WAAW,YAC9C,WAAW,CAAC,OAAO,GACf,GACyB,CACnC,IAC6B,CACjC,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,iCAAiC,qCAiC5C;AAEW,QAAA,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,yCAAiC,CAAC,CAAC"}
+{"version":3,"file":"inputSignatureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,kCAA+B;AAC/B,mEAIiC;AACjC,mCAAyE;AAElE,MAAM,iCAAiC,GAAG,CAC/C,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,GAAG,iBAAiB,EAAE,GAAG,KAAK,EAA6B,EAC1F,GAAuC,EAC1B,EAAE;IACf,MAAM,cAAc,GAClB,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,OAAO;QAC3C,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,KAAK;QACzC,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,QAAQ,CAAC;IAE/C,MAAM,WAAW,GACf,KAAK,CAAC,KAAK,KAAK,2BAAmB,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;QAC1D,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;IAExB,OAAO,CACL,wBAAC,qDAA6B,IAC5B,GAAG,EAAE,GAAG,iBACK,UAAU,EACvB,MAAM,EAAE,MAAM,CAAC,SAAS,EACxB,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,OAAO,EAAE,KAAK,CAAC,gBAAgB,aAE/B,uBAAC,kDAA0B,IAAC,GAAG,EAAE,SAAS,iBAAe,GAAG,UAAU,SAAS,GAAI,EAClF,cAAc,IAAI,CACjB,uBAAC,uDAA+B,IAAC,MAAM,EAAE,MAAM,CAAC,oBAAoB,YAClE,uBAAC,WAAI,OAAK,MAAM,CAAC,eAAe,KAAM,WAAW,YAC9C,WAAW,CAAC,OAAO,GACf,GACyB,CACnC,IAC6B,CACjC,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,iCAAiC,qCAiC5C;AAEW,QAAA,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,yCAAiC,CAAC,CAAC"}

package/dist/cjs/components/inputSignature/inputSignatureUncontrolled.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CustomHandle, IInputSignatureUnControlled } from './types/inputSignature';
+declare const InputSignatureUnControlled: <V extends string | unknown>(props: IInputSignatureUnControlled<V> & {
+    ref?: React.ForwardedRef<CustomHandle | undefined>;
+}) => JSX.Element;
+export { InputSignatureUnControlled };

package/dist/cjs/components/inputSignature/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { IInputSignatureUnControlled, IInputSignatureControlled, IInputSignatureStandAlone, } from './inputSignature';
+export type { InputSignatureStateStyles, InputSignatureStateTheme, InputSignatureStyles, } from './inputSignatureTheme';
+export { InputSignatureState } from './inputSignatureState';

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { IText } from '../../../components/text';
+import { InputSignatureState } from './inputSignatureState';
+import { InputSignatureLineStyles, InputSignatureStateStyles } from './inputSignatureTheme';
+export interface CustomHandle {
+    InputSignature: HTMLDivElement;
+    reset: () => void;
+}
+export interface InputSignatureText extends Omit<IText<string>, 'children'> {
+    content?: ReactNode;
+}
+export interface IInputSignatureStandAlone {
+    styles: InputSignatureStateStyles;
+    state: InputSignatureState;
+    canvasRef: React.RefObject<HTMLCanvasElement>;
+    placeholder: InputSignatureText;
+    errorText?: InputSignatureText;
+    onClickContainer: (e: any) => void;
+    onBlurContainer: () => void;
+    dataTestid?: string;
+}
+export interface IInputSignatureControlled<V = undefined extends string ? unknown : string> extends Omit<IInputSignatureStandAlone, 'styles'> {
+    variant: V;
+    setSignatureStyles?: (signatureStyles?: InputSignatureLineStyles | undefined) => void;
+}
+type OmitProps = 'state' | 'onBlurContainer' | 'onClickContainer' | 'setSignatureStyles' | 'canvasRef';
+export interface IInputSignatureUnControlled<V = undefined extends string ? unknown : string> extends Omit<IInputSignatureControlled<V>, OmitProps> {
+    onChange?: (value: any) => void;
+    disabled?: boolean;
+    error?: boolean;
+}
+export {};

package/dist/cjs/components/inputSignature/types/inputSignatureState.d.ts

@@ -0,0 +1,7 @@
+export declare enum InputSignatureState {
+    DEFAULT = "DEFAULT",
+    ACTIVE = "ACTIVE",
+    FILLED = "FILLED",
+    ERROR = "ERROR",
+    DISABLED = "DISABLED"
+}

package/dist/cjs/components/inputSignature/types/inputSignatureTheme.d.ts

@@ -0,0 +1,20 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+import { InputSignatureState } from './inputSignatureState';
+export type InputSignatureLineStyles = {
+    color: string;
+    lineWidth: number;
+};
+export type InputSignatureStateStyles = {
+    container: CommonStyleType;
+    placeholderContainer: CommonStyleType;
+    placeholderText?: TypographyTypes;
+};
+export type InputSignatureStateTheme = {
+    [state in InputSignatureState]: InputSignatureStateStyles;
+};
+export type InputSignatureFullTheme = {
+    signatureStyle: InputSignatureLineStyles;
+} & InputSignatureStateTheme;
+export type InputSignatureStyles<V extends string | number | symbol> = {
+    [variant in V]: InputSignatureFullTheme;
+};

package/dist/cjs/components/inputSignature/utils/__tests__/getInputSignatureState.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/inputSignature/utils/getInputSignatureState.d.ts

@@ -0,0 +1,9 @@
+import { InputSignatureState } from '../types/inputSignatureState';
+type GetInputSignatureState = {
+    active: boolean;
+    filled: boolean;
+    error?: boolean;
+    disabled?: boolean;
+};
+export declare const getInputSignatureState: ({ active, filled, error, disabled, }: GetInputSignatureState) => InputSignatureState;
+export {};

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

@@ -0,0 +1 @@
+export { getInputSignatureState } from './getInputSignatureState';

package/dist/cjs/components/inputStructure/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './inputStructure.styled';
+export { InputStructureStandAlone } from './inputStructureStandAlone';
+export { InputStructure } from './inputStructure';

package/dist/cjs/components/inputStructure/inputStructure.d.ts

@@ -0,0 +1,8 @@
+import { IInputStructure } from './types/inputStructure';
+/**
+ * @description
+ * InputStructure component to structure inputs
+ * @param {IInputStructure} props
+ * @returns {JSX.Element}
+ */
+export declare const InputStructure: (props: IInputStructure) => JSX.Element;

package/dist/cjs/components/inputStructure/inputStructure.styled.d.ts

@@ -0,0 +1,13 @@
+import { CSSProp } from 'styled-components';
+export declare const InputStructureContainerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VerticalContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HorizontalContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type ContentProps = {
+    extraStyles?: CSSProp;
+};
+export declare const InputStructureContentLeftStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+export declare const InputStructureContentRightStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+export declare const InputStructureContentTopStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+export declare const InputStructureContentBottomStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+export declare const InputStructureWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+export {};

package/dist/cjs/components/inputStructure/inputStructureStandAlone.d.ts

@@ -0,0 +1,8 @@
+import { IInputStructure } from './types/inputStructure';
+/**
+ * @description
+ * InputStructure component to structure inputs
+ * @param {IInputStructure} props
+ * @returns {JSX.Element}
+ */
+export declare const InputStructureStandAlone: ({ dataTestIdParentContainer, ...props }: IInputStructure) => JSX.Element;

package/dist/cjs/components/inputStructure/inputStructureStandAlone.js

@@ -10,6 +10,6 @@ const inputStructure_styled_1 = require("./inputStructure.styled");
  * @param {IInputStructure} props
  * @returns {JSX.Element}
  */
-const InputStructureStandAlone = (props) => ((0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContainerStyled, { "data-testid": props.dataTestIdParentContainer, onBlur: props.onBlurStructure, onFocus: props.onFocusStructure, children: (0, jsx_runtime_1.jsxs)(inputStructure_styled_1.VerticalContentStyled, { children: [(0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentTopStyled, { extraStyles: props.topExtraStyles, children: props.topContent }), (0, jsx_runtime_1.jsxs)(inputStructure_styled_1.HorizontalContentStyled, { children: [(0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentLeftStyled, { extraStyles: props.leftExtraStyles, children: props.leftContent }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureWrapperStyled, { extraStyles: props.centerExtraStyles, children: props.centerContent }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentRightStyled, { extraStyles: props.rightExtraStyles, children: props.rightContent })] }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentBottomStyled, { extraStyles: props.bottomExtraStyles, children: props.bottomContent })] }) }));
+const InputStructureStandAlone = ({ dataTestIdParentContainer = 'input-structure-parent-container', ...props }) => ((0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContainerStyled, { "data-testid": dataTestIdParentContainer, onBlur: props.onBlurStructure, onFocus: props.onFocusStructure, children: (0, jsx_runtime_1.jsxs)(inputStructure_styled_1.VerticalContentStyled, { children: [(0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentTopStyled, { extraStyles: props.topExtraStyles, children: props.topContent }), (0, jsx_runtime_1.jsxs)(inputStructure_styled_1.HorizontalContentStyled, { children: [(0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentLeftStyled, { extraStyles: props.leftExtraStyles, children: props.leftContent }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureWrapperStyled, { extraStyles: props.centerExtraStyles, children: props.centerContent }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentRightStyled, { extraStyles: props.rightExtraStyles, children: props.rightContent })] }), (0, jsx_runtime_1.jsx)(inputStructure_styled_1.InputStructureContentBottomStyled, { extraStyles: props.bottomExtraStyles, children: props.bottomContent })] }) }));
 exports.InputStructureStandAlone = InputStructureStandAlone;
 //# sourceMappingURL=inputStructureStandAlone.js.map

package/dist/cjs/components/inputStructure/inputStructureStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputStructureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputStructure/inputStructureStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,SAAS;AACT,mEASiC;AAGjC;;;;;GAKG;AACI,MAAM,wBAAwB,GAAG,CAAC,KAAsB,EAAe,EAAE,CAAC,CAC/E,uBAAC,qDAA6B,mBACf,KAAK,CAAC,yBAAyB,EAC5C,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,OAAO,EAAE,KAAK,CAAC,gBAAgB,YAE/B,wBAAC,6CAAqB,eACpB,uBAAC,sDAA8B,IAAC,WAAW,EAAE,KAAK,CAAC,cAAc,YAC9D,KAAK,CAAC,UAAU,GACc,EACjC,wBAAC,+CAAuB,eACtB,uBAAC,uDAA+B,IAAC,WAAW,EAAE,KAAK,CAAC,eAAe,YAChE,KAAK,CAAC,WAAW,GACc,EAClC,uBAAC,mDAA2B,IAAC,WAAW,EAAE,KAAK,CAAC,iBAAiB,YAC9D,KAAK,CAAC,aAAa,GACQ,EAC9B,uBAAC,wDAAgC,IAAC,WAAW,EAAE,KAAK,CAAC,gBAAgB,YAClE,KAAK,CAAC,YAAY,GACc,IACX,EAC1B,uBAAC,yDAAiC,IAAC,WAAW,EAAE,KAAK,CAAC,iBAAiB,YACpE,KAAK,CAAC,aAAa,GACc,IACd,GACM,CACjC,CAAC;AA1BW,QAAA,wBAAwB,4BA0BnC"}
+{"version":3,"file":"inputStructureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputStructure/inputStructureStandAlone.tsx"],"names":[],"mappings":";;;;AAEA,SAAS;AACT,mEASiC;AAGjC;;;;;GAKG;AACI,MAAM,wBAAwB,GAAG,CAAC,EACvC,yBAAyB,GAAG,kCAAkC,EAC9D,GAAG,KAAK,EACQ,EAAe,EAAE,CAAC,CAClC,uBAAC,qDAA6B,mBACf,yBAAyB,EACtC,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,OAAO,EAAE,KAAK,CAAC,gBAAgB,YAE/B,wBAAC,6CAAqB,eACpB,uBAAC,sDAA8B,IAAC,WAAW,EAAE,KAAK,CAAC,cAAc,YAC9D,KAAK,CAAC,UAAU,GACc,EACjC,wBAAC,+CAAuB,eACtB,uBAAC,uDAA+B,IAAC,WAAW,EAAE,KAAK,CAAC,eAAe,YAChE,KAAK,CAAC,WAAW,GACc,EAClC,uBAAC,mDAA2B,IAAC,WAAW,EAAE,KAAK,CAAC,iBAAiB,YAC9D,KAAK,CAAC,aAAa,GACQ,EAC9B,uBAAC,wDAAgC,IAAC,WAAW,EAAE,KAAK,CAAC,gBAAgB,YAClE,KAAK,CAAC,YAAY,GACc,IACX,EAC1B,uBAAC,yDAAiC,IAAC,WAAW,EAAE,KAAK,CAAC,iBAAiB,YACpE,KAAK,CAAC,aAAa,GACc,IACd,GACM,CACjC,CAAC;AA7BW,QAAA,wBAAwB,4BA6BnC"}

package/dist/cjs/components/inputStructure/types/index.d.ts

@@ -0,0 +1 @@
+export * from './inputStructure';

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

@@ -0,0 +1,22 @@
+import { CSSProp } from 'styled-components';
+/**
+ * @name IInputStructure
+ * @description
+ * interface for the input structure
+ * @interface IInputStructure
+ */
+export interface IInputStructure {
+    topContent?: string | JSX.Element;
+    topExtraStyles?: CSSProp;
+    leftContent?: string | JSX.Element;
+    leftExtraStyles?: CSSProp;
+    bottomContent?: string | JSX.Element;
+    bottomExtraStyles?: CSSProp;
+    rightContent?: string | JSX.Element;
+    rightExtraStyles?: CSSProp;
+    centerContent: string | JSX.Element;
+    centerExtraStyles?: CSSProp;
+    onBlurStructure?: React.FocusEventHandler<HTMLDivElement>;
+    onFocusStructure?: React.FocusEventHandler<HTMLDivElement>;
+    dataTestIdParentContainer?: string;
+}

package/dist/cjs/components/itemRove/index.d.ts

@@ -0,0 +1,2 @@
+export { ItemRove } from './itemRove';
+export * from './types';

package/dist/cjs/components/itemRove/itemRove.d.ts

@@ -0,0 +1,10 @@
+import { IItemRove } from './types';
+declare const ItemRove: ({ id, children, focus, index, setFocus, onSelectItem, asElement, role, onMouseOver, dataTestId, type, disabled, ariaSelected, ariaControls, ariaLabel, url, disableKeys, ariaDisabled, preventScrollOnFocus, ariaHidden, checkIsFirstTime, }: IItemRove) => JSX.Element;
+/**
+ * @description
+ * ItemRove component is a component that can be used to select and navigate through a list of items with the keyboard arrows.
+ * It can be used to create a list of options that can be selected.
+ * @param {React.PropsWithChildren<IItemRove>} props
+ * @returns {JSX.Element}
+ */
+export { ItemRove };

package/dist/cjs/components/itemRove/itemRove.js

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 // styles
 const itemRove_styled_1 = require("./itemRove.styled");
-const ItemRove = ({ id, children, focus, index, setFocus, onSelectItem, asElement, role, onMouseOver, dataTestId, type, disabled = false, ariaSelected, ariaControls, ariaLabel, url, disableKeys = false, ariaDisabled = false, preventScrollOnFocus = false, ariaHidden = false, checkIsFirstTime = false, }) => {
+const ItemRove = ({ id, children, focus, index, setFocus, onSelectItem, asElement, role, onMouseOver, dataTestId = 'item-rove', type, disabled = false, ariaSelected, ariaControls, ariaLabel, url, disableKeys = false, ariaDisabled = false, preventScrollOnFocus = false, ariaHidden = false, checkIsFirstTime = false, }) => {
     const ref = (0, react_1.useRef)(null);
     const isFirstTime = (0, react_1.useRef)(checkIsFirstTime);
     (0, react_1.useEffect)(() => {

package/dist/cjs/components/itemRove/itemRove.js.map

@@ -1 +1 @@
-{"version":3,"file":"itemRove.js","sourceRoot":"","sources":["../../../../src/components/itemRove/itemRove.tsx"],"names":[],"mappings":";;;;AACA,iCAA0C;AAE1C,SAAS;AACT,uDAAmD;AAGnD,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,GAAG,EACH,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,KAAK,EACpB,oBAAoB,GAAG,KAAK,EAC5B,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,KAAK,GACd,EAAe,EAAE;IAC3B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,4EAA4E;QAC5E,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAClC,GAAG,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,CAAC;QACnF,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,CAAC,UAAmB,EAAE,EAAE;QAC3C,mHAAmH;QACnH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,8EAA8E;YAC9E,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI,UAAU,EAAE,CAAC;gBACf,YAAY,IAAI,YAAY,EAAE,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gCAAc,IACb,GAAG,EAAE,GAAG,mBACO,YAAY,mBACZ,YAAY,iBACd,UAAU,gBACX,SAAS,mBACN,YAAY,EAC3B,EAAE,EAAE,SAAS,iBACA,UAAU,EACvB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,EAAE,EACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACpC,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AASO,4BAAQ"}
+{"version":3,"file":"itemRove.js","sourceRoot":"","sources":["../../../../src/components/itemRove/itemRove.tsx"],"names":[],"mappings":";;;;AACA,iCAA0C;AAE1C,SAAS;AACT,uDAAmD;AAGnD,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,GAAG,WAAW,EACxB,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,GAAG,EACH,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,KAAK,EACpB,oBAAoB,GAAG,KAAK,EAC5B,UAAU,GAAG,KAAK,EAClB,gBAAgB,GAAG,KAAK,GACd,EAAe,EAAE;IAC3B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAc,IAAI,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,4EAA4E;QAC5E,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YAClC,GAAG,IAAI,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,oBAAoB,EAAE,CAAC,CAAC;QACnF,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,YAAY,GAAG,CAAC,UAAmB,EAAE,EAAE;QAC3C,mHAAmH;QACnH,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,8EAA8E;YAC9E,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAClB,IAAI,UAAU,EAAE,CAAC;gBACf,YAAY,IAAI,YAAY,EAAE,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,gCAAc,IACb,GAAG,EAAE,GAAG,mBACO,YAAY,mBACZ,YAAY,iBACd,UAAU,gBACX,SAAS,mBACN,YAAY,EAC3B,EAAE,EAAE,SAAS,iBACA,UAAU,EACvB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,EAAE,EACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACpC,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AASO,4BAAQ"}

package/dist/cjs/components/itemRove/itemRove.styled.d.ts

@@ -0,0 +1 @@
+export declare const ItemRoveStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/itemRove/types/index.d.ts

@@ -0,0 +1 @@
+export * from './itemRove';

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Dispatch, SetStateAction } from 'react';
+import { ROLES } from '../../../types';
+/**
+ * @name IItemRove
+ * @description
+ * interface for the item rove
+ */
+export interface IItemRove {
+    id?: string;
+    children?: React.ReactNode;
+    focus?: boolean;
+    type?: string;
+    index: number;
+    setFocus?: Dispatch<SetStateAction<number>>;
+    onSelectItem?: () => void;
+    asElement: string | React.ElementType;
+    role?: ROLES;
+    onMouseOver?: () => void;
+    dataTestId?: string;
+    disabled?: boolean;
+    ariaSelected?: boolean;
+    ariaControls?: string;
+    ariaLabel?: string;
+    url?: string;
+    disableKeys?: boolean;
+    ariaDisabled?: boolean;
+    ariaHidden?: boolean;
+    preventScrollOnFocus?: boolean;
+    checkIsFirstTime?: boolean;
+}

package/dist/cjs/components/label/index.d.ts

@@ -0,0 +1,2 @@
+export type { ILabelStandAlone } from './types';
+export { LabelStandAlone as Label } from './labelStandAlone';

package/dist/cjs/components/label/labelStandAlone.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { ILabelStandAlone } from './types';
+export declare const LabelStandAloneComponent: ({ children, inputId, required, requiredSymbol, textVariant, weight, color, cursor, asteriskVariant, asteriskWeight, asteriskColor, dataTestId, id, }: ILabelStandAlone, ref: React.ForwardedRef<HTMLElement> | undefined | null) => JSX.Element;

package/dist/cjs/components/label/labelStandAlone.js

@@ -29,10 +29,10 @@ const React = __importStar(require("react"));
 const text_1 = require("../../components/text/text");
 const useId_1 = require("../../hooks/useId/useId");
 const component_1 = require("../text/types/component");
-const LabelStandAloneComponent = ({ children, inputId, required, requiredSymbol, textVariant, weight, color, cursor, asteriskVariant, asteriskWeight, asteriskColor, dataTestId, id, }, ref) => {
+const LabelStandAloneComponent = ({ children, inputId, required, requiredSymbol, textVariant, weight, color, cursor, asteriskVariant, asteriskWeight, asteriskColor, dataTestId = 'label', id, }, ref) => {
     const uniqueId = (0, useId_1.useId)('label');
     const labelId = id ?? uniqueId;
-    return ((0, jsx_runtime_1.jsxs)(text_1.Text, { ref: ref, color: color, component: component_1.TextComponentType.LABEL, cursor: cursor, dataTestId: dataTestId, htmlFor: inputId, id: labelId, variant: textVariant, weight: weight, children: [children, required && ((0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: asteriskColor, component: component_1.TextComponentType.SPAN, dataTestId: `${dataTestId}Required`, variant: asteriskVariant, weight: asteriskWeight, children: requiredSymbol }))] }));
+    return ((0, jsx_runtime_1.jsxs)(text_1.Text, { ref: ref, color: color, component: component_1.TextComponentType.LABEL, cursor: cursor, dataTestId: dataTestId, htmlFor: inputId, id: labelId, variant: textVariant, weight: weight, children: [children, required && ((0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: asteriskColor, component: component_1.TextComponentType.SPAN, variant: asteriskVariant, weight: asteriskWeight, children: requiredSymbol }))] }));
 };
 exports.LabelStandAloneComponent = LabelStandAloneComponent;
 /**

package/dist/cjs/components/label/labelStandAlone.js.map

@@ -1 +1 @@
-{"version":3,"file":"labelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/label/labelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iDAA8C;AAC9C,+CAA4C;AAE5C,uDAA4D;AAGrD,MAAM,wBAAwB,GAAG,CACtC,EACE,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,MAAM,EACN,eAAe,EACf,cAAc,EACd,aAAa,EACb,UAAU,EACV,EAAE,GACe,EACnB,GAAuD,EAC1C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC/B,OAAO,CACL,wBAAC,WAAI,IACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,6BAAiB,CAAC,KAAK,EAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,aAEb,QAAQ,EACR,QAAQ,IAAI,CACX,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,UAAU,UAAU,EACnC,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,YAErB,cAAc,GACV,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,wBAAwB,4BAgDnC;AAEF;;;;GAIG;AACU,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAwB,CAAC,CAAC"}
+{"version":3,"file":"labelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/label/labelStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,iDAA8C;AAC9C,+CAA4C;AAE5C,uDAA4D;AAGrD,MAAM,wBAAwB,GAAG,CACtC,EACE,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,cAAc,EACd,WAAW,EACX,MAAM,EACN,KAAK,EACL,MAAM,EACN,eAAe,EACf,cAAc,EACd,aAAa,EACb,UAAU,GAAG,OAAO,EACpB,EAAE,GACe,EACnB,GAAuD,EAC1C,EAAE;IACf,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,OAAO,CAAC,CAAC;IAEhC,MAAM,OAAO,GAAG,EAAE,IAAI,QAAQ,CAAC;IAC/B,OAAO,CACL,wBAAC,WAAI,IACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,6BAAiB,CAAC,KAAK,EAClC,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,aAEb,QAAQ,EACR,QAAQ,IAAI,CACX,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,6BAAiB,CAAC,IAAI,EACjC,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,YAErB,cAAc,GACV,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,wBAAwB,4BA+CnC;AAEF;;;;GAIG;AACU,QAAA,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,gCAAwB,CAAC,CAAC"}

package/dist/cjs/components/label/types/index.d.ts

@@ -0,0 +1 @@
+export type { ILabelStandAlone } from './label';

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+/**
+ * @name ILabelStandAlone
+ * @description
+ * interface for the label standAlone
+ */
+export interface ILabelStandAlone {
+    children?: React.ReactNode;
+    inputId: string;
+    required?: boolean;
+    requiredSymbol?: React.ReactNode;
+    textVariant?: string;
+    weight?: number;
+    color?: string;
+    cursor?: string;
+    asteriskVariant?: string;
+    asteriskWeight?: number;
+    asteriskColor?: string;
+    dataTestId?: string;
+    id?: string;
+}