@maxio-com/self-service 1.0.2

package/typings/packages/custom-ui-components/src/components/atoms/Toggle/index.d.ts

@@ -0,0 +1,2 @@
+import Toggle from './Toggle';
+export default Toggle;

package/typings/packages/custom-ui-components/src/components/atoms/Toggle/settings.d.ts

@@ -0,0 +1,2 @@
+import { ToggleSettings } from './types';
+export declare const toggleSettings: ToggleSettings;

package/typings/packages/custom-ui-components/src/components/atoms/Toggle/types.d.ts

@@ -0,0 +1,14 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type ToggleState = 'active' | 'disabled';
+export declare type ToggleVariant = 'primary' | 'reversed';
+export declare type ToggleValue = 'on' | 'off';
+export declare type ToggleSize = 'medium';
+export declare type ToggleStateVariant = `${ToggleVariant}-${ToggleState}-${ToggleValue}`;
+export declare type ToggleBaseVariant = `${ToggleVariant}-${ToggleState}`;
+export declare type ToggleSettings = ComponentSettings<{
+    baseColor: ComponentVariant<'baseColor', ToggleBaseVariant>;
+    color: ComponentVariant<'colorVariant', ToggleStateVariant>;
+    size: ComponentVariant<'size', ToggleSize>;
+    text: ComponentVariant<'textVariant', ToggleStateVariant>;
+    switcher: ComponentVariant<'toggleState', ToggleStateVariant>;
+}>;

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { Placement } from 'tippy.js';
+import { Mode } from './types';
+export interface TooltipProps {
+    mode?: Mode;
+    renderContent: () => React.ReactNode;
+    followCursor?: boolean | 'horizontal' | 'vertical' | 'initial';
+    interactive?: boolean;
+    placement?: Placement;
+    children: ReactNode;
+}
+declare const _default: (({ mode, followCursor, interactive, placement, children, renderContent, }: TooltipProps) => JSX.Element) & {
+    Text: ({ title, message }: import("./components/Text/Text").TooltipProps) => JSX.Element;
+};
+export default _default;

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/Tooltip.styles.d.ts

@@ -0,0 +1,5 @@
+import { Size, Mode } from './types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    size: Size;
+    mode: Mode;
+}, never>;

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/components/Text/Text.d.ts

@@ -0,0 +1,7 @@
+import { ReactText } from 'react';
+export interface TooltipProps {
+    title?: string;
+    message: ReactText;
+}
+declare const Text: ({ title, message }: TooltipProps) => JSX.Element;
+export default Text;

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+import Text from './Text';
+export default Text;

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/components/index.d.ts

@@ -0,0 +1,2 @@
+import Text from './Text';
+export { Text };

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+import Tooltip, { TooltipProps } from './Tooltip';
+export default Tooltip;
+export type { TooltipProps };

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/settings.d.ts

@@ -0,0 +1,2 @@
+import { TooltipSettings } from './types';
+export declare const tooltipSettings: TooltipSettings;

package/typings/packages/custom-ui-components/src/components/atoms/Tooltip/types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type Size = 'regular';
+export declare type Mode = 'light' | 'dark';
+export declare type TooltipSettings = ComponentSettings<{
+    size: ComponentVariant<'size', Size>;
+    mode: ComponentVariant<'mode', Mode>;
+}>;

package/typings/packages/custom-ui-components/src/components/atoms/index.d.ts

@@ -0,0 +1,30 @@
+import Anchor from './Anchor';
+import BodyText from './BodyText';
+import Button from './Button';
+import FontWeight from './FontWeight';
+import Heading from './Heading';
+import Input from './Input';
+import InputMessage, { InputMessageType } from './InputMessage';
+import Column from './Column';
+import Row from './Row';
+import Tooltip, { TooltipProps } from './Tooltip';
+import ProgressBar from './ProgressBar';
+import Box from './Box';
+import Toggle from './Toggle';
+import Checkbox from './Checkbox';
+import Modal from './Modal';
+import SubscriptionComponentCard, { SubscriptionComponentCardVariants } from './SubscriptionComponentCard';
+import SkeletonLoader, { SkeletonLoaderVariants } from './SkeletonLoader';
+import Logo from './Logo';
+import Portal from './Portal';
+import Select, { SelectOptionType } from './Select';
+import RadioButton from './RadioButton';
+import Dropdown from './Dropdown';
+import { ComponentSize } from './types';
+import { RadioButtonProps } from './RadioButton';
+import { boxShadow, getBoxShadow, OptionType } from './Options';
+import Loader from './Loader';
+import TextArea from './TextArea';
+export { TextArea, Anchor, BodyText, Box, Button, Checkbox, Column, FontWeight, Heading, Input, InputMessage, Logo, Portal, ProgressBar, Row, Tooltip, Toggle, Modal, SubscriptionComponentCard, SkeletonLoader, Select, RadioButton, Loader, Dropdown, };
+export { getBoxShadow, boxShadow };
+export type { OptionType, ComponentSize, InputMessageType, SubscriptionComponentCardVariants, SkeletonLoaderVariants, SelectOptionType, TooltipProps, RadioButtonProps, };

package/typings/packages/custom-ui-components/src/components/atoms/settings.d.ts

@@ -0,0 +1,18 @@
+declare const atomsSettings: {
+    Button: import("./Button/types").ButtonSettings;
+    Anchor: import("./Anchor/types").AnchorSettings;
+    BodyText: import("./BodyText/types").BodyTextSettings;
+    Heading: import("./Heading/types").HeadingSettings;
+    InputMessage: import("./InputMessage/types").InputMessageSettings;
+    Input: import("./Input/types").InputSettings;
+    Tooltip: import("./Tooltip/types").TooltipSettings;
+    Toggle: import("./Toggle/types").ToggleSettings;
+    ProgressBar: import("./ProgressBar/types").ProgressBarSettings;
+    Checkbox: import("./Checkbox/types").CheckboxSettings;
+    SubscriptionComponentCard: import("./SubscriptionComponentCard/types").SubscriptionComponentCardSettings;
+    Select: import("./Select/types").SelectSettings;
+    RadioButton: import("./RadioButton/types").RadioButtonSettings;
+    Options: import("./Options/types").OptionsSettings;
+    TextArea: import("./TextArea/types").TextArea;
+};
+export default atomsSettings;

package/typings/packages/custom-ui-components/src/components/atoms/types.d.ts

@@ -0,0 +1,2 @@
+export declare type ComponentSize = 'small' | 'medium';
+export declare type DropdownAlignment = 'left' | 'right';

package/typings/packages/custom-ui-components/src/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './atoms';
+export * from './molecules';
+export * from './organisms';

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare type Props = {
+    header: string;
+    children: React.ReactNode;
+    isExpanded?: boolean;
+    onClick: (isExpanded: boolean) => void;
+    variant?: 'regular' | 'small';
+};
+declare const Accordion: ({ children, header, onClick, variant, isExpanded, }: Props) => JSX.Element;
+export default Accordion;

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/Accordion.styles.d.ts

@@ -0,0 +1,8 @@
+import { PaddingBottomProps } from 'styled-system';
+import { ComponentVariants } from '../CreditCardNumber/type';
+export declare const Header: import("styled-components").StyledComponent<"div", any, PaddingBottomProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    variant?: ComponentVariants;
+}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    isExpanded: boolean;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const accordionMotion: {
+    initial: {
+        height: number;
+    };
+    animate: {
+        height: string;
+    };
+    exit: {
+        height: number;
+    };
+};

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+import Accordion from './Accordion';
+export default Accordion;

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/motion.d.ts

@@ -0,0 +1,14 @@
+export declare const accordionMotion: {
+    initial: {
+        height: number;
+    };
+    animate: {
+        height: string;
+    };
+    exit: {
+        height: number;
+    };
+    transition: {
+        type: string;
+    };
+};

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/settings.d.ts

@@ -0,0 +1,2 @@
+import { AccordionSettings } from './type';
+export declare const accordionSettings: AccordionSettings;

package/typings/packages/custom-ui-components/src/components/molecules/Accordion/type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type ComponentVariants = 'regular';
+export declare type AccordionSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', ComponentVariants>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { IconType } from "../../../../../icons/src";
+import { Color, Size } from './types';
+export interface AlertProps {
+    title?: string;
+    children: React.ReactNode;
+    color?: Color;
+    size?: Size;
+    onClick?: () => void;
+    buttonLabel?: string;
+    icon?: IconType;
+}
+declare const Alert: {
+    ({ title, color, size, buttonLabel, icon, onClick, children, }: AlertProps): JSX.Element;
+    TextMessage: ({ children, ...rest }: {
+        children: React.ReactNode;
+    } & import("../../atoms/BodyText/BodyText").BodyTextProps) => JSX.Element;
+};
+export default Alert;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/Alert.styles.d.ts

@@ -0,0 +1,7 @@
+import { GridProps } from 'styled-system';
+import { Color, Size } from './types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    color: Color;
+    size: Size;
+}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/components/TextMessage.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentProps } from 'react';
+import BodyText from '../../../atoms/BodyText';
+declare type Props = {
+    children: React.ReactNode;
+} & ComponentProps<typeof BodyText>;
+declare const TextMessage: ({ children, ...rest }: Props) => JSX.Element;
+export { TextMessage };

package/typings/packages/custom-ui-components/src/components/molecules/Alert/components/index.d.ts

@@ -0,0 +1,2 @@
+import { TextMessage } from './TextMessage';
+export { TextMessage };

package/typings/packages/custom-ui-components/src/components/molecules/Alert/index.d.ts

@@ -0,0 +1,2 @@
+import Alert from './Alert';
+export default Alert;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/settings.d.ts

@@ -0,0 +1,2 @@
+import { AlertSettings } from './types';
+export declare const alertSettings: AlertSettings;

package/typings/packages/custom-ui-components/src/components/molecules/Alert/types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type Color = 'primary' | 'success' | 'danger';
+export declare type Size = 'regular';
+export declare type AlertSettings = ComponentSettings<{
+    size: ComponentVariant<'size', Size>;
+    color: ComponentVariant<'color', Color>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/Card/Card.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Border, Color, Variant } from './types';
+export interface CardProps {
+    variant?: Variant;
+    color?: Color;
+    enableBorder?: boolean;
+    border?: Border;
+    children: React.ReactNode;
+}
+declare const _default: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: import("styled-components").StyledComponent<"div", any, {
+        headerVariant?: Variant;
+        enableBorder?: boolean;
+    }, never>;
+    Body: ({ children, bodyVariant }: import("./components/Body/Body").Props) => JSX.Element;
+    Footer: import("styled-components").StyledComponent<"div", any, {
+        footerVariant?: Variant;
+    }, never>;
+};
+export default _default;

package/typings/packages/custom-ui-components/src/components/molecules/Card/Card.styles.d.ts

@@ -0,0 +1,13 @@
+import { Color, Variant, Border } from './types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    color: Color;
+    variant: Variant;
+    border: Border;
+}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {
+    headerVariant?: Variant;
+    enableBorder?: boolean;
+}, never>;
+export declare const Footer: import("styled-components").StyledComponent<"div", any, {
+    footerVariant?: Variant;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/Card/components/Body/Body.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Variant } from '../../types';
+export declare type Props = {
+    children: React.ReactNode;
+    bodyVariant?: Variant;
+};
+declare const Body: ({ children, bodyVariant }: Props) => JSX.Element;
+export default Body;

package/typings/packages/custom-ui-components/src/components/molecules/Card/components/Body/Body.styles.d.ts

@@ -0,0 +1,9 @@
+import { getBoxShadow } from '../../../../atoms';
+import { Variant } from '../../types';
+export declare const Content: import("styled-components").StyledComponent<"div", any, {
+    bodyVariant?: Variant;
+}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BoxShadow: import("styled-components").StyledComponent<"div", any, {
+    boxShadow: ReturnType<typeof getBoxShadow>;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/Card/components/Body/index.d.ts

@@ -0,0 +1,2 @@
+import Body from './Body';
+export default Body;

package/typings/packages/custom-ui-components/src/components/molecules/Card/components/index.d.ts

@@ -0,0 +1,2 @@
+import Body from './Body';
+export { Body };

package/typings/packages/custom-ui-components/src/components/molecules/Card/index.d.ts

@@ -0,0 +1,2 @@
+import Card from './Card';
+export default Card;

package/typings/packages/custom-ui-components/src/components/molecules/Card/settings.d.ts

@@ -0,0 +1,2 @@
+import { CardSettings } from './types';
+export declare const cardSettings: CardSettings;

package/typings/packages/custom-ui-components/src/components/molecules/Card/types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type Color = 'white' | 'gray';
+export declare type Variant = 'regular' | 'small';
+export declare type Border = 'rounded' | 'sharp';
+export declare type CardSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', Variant>;
+    headerVariant: ComponentVariant<'headerVariant', Variant>;
+    bodyVariant: ComponentVariant<'bodyVariant', Variant>;
+    footerVariant: ComponentVariant<'footerVariant', Variant>;
+    color: ComponentVariant<'color', Color>;
+    border: ComponentVariant<'border', Border>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/CreditCardAddress.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare type CreditCardAddressProps = {
+    firstLine: string;
+    secondLine: string;
+};
+declare const CreditCardAddress: ({ firstLine, secondLine, }: CreditCardAddressProps) => JSX.Element;
+export default CreditCardAddress;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/CreditCardAddress.styles.d.ts

@@ -0,0 +1,4 @@
+import { ComponentVariants } from './type';
+export declare const CreditCardAddressWrapper: import("styled-components").StyledComponent<"div", any, {
+    variant?: ComponentVariants;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/index.d.ts

@@ -0,0 +1,2 @@
+import CreditCardAddress from './CreditCardAddress';
+export default CreditCardAddress;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/settings.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardAddressSettings } from './type';
+export declare const creditCardAddressSettings: CreditCardAddressSettings;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardAddress/type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type ComponentVariants = 'regular';
+export declare type CreditCardAddressSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', ComponentVariants>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/CreditCardHolderDetails.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type CreditCardHolderDetailsProps = {
+    firstName: string;
+    lastName: string;
+    expirationMonth: number;
+    expirationYear: number;
+};
+declare const CreditCardHolderDetails: ({ firstName, lastName, expirationMonth, expirationYear, }: CreditCardHolderDetailsProps) => JSX.Element;
+export default CreditCardHolderDetails;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/CreditCardHolderDetails.styles.d.ts

@@ -0,0 +1,4 @@
+import { ComponentVariants } from './type';
+export declare const CreditCardHolderDetailsWrapper: import("styled-components").StyledComponent<"div", any, {
+    variant?: ComponentVariants;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/index.d.ts

@@ -0,0 +1,2 @@
+import CreditCardHolderDetails from './CreditCardHolderDetails';
+export default CreditCardHolderDetails;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/settings.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardHolderDetailsSettings } from './type';
+export declare const creditCardHolderDetailsSettings: CreditCardHolderDetailsSettings;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type ComponentVariants = 'regular';
+export declare type CreditCardHolderDetailsSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', ComponentVariants>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/utils/formatExpirationYear.d.ts

@@ -0,0 +1 @@
+export declare const formatExpirationYear: (year: number) => string;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardHolderDetails/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { formatExpirationYear } from './formatExpirationYear';
+export { formatExpirationYear };

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/CreditCardNumber.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type CreditCardNumberProps = {
+    number: string;
+};
+declare const CreditCardNumber: ({ number }: CreditCardNumberProps) => JSX.Element;
+export default CreditCardNumber;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/CreditCardNumber.styles.d.ts

@@ -0,0 +1,4 @@
+import { ComponentVariants } from './type';
+export declare const CreditCardNumberWrapper: import("styled-components").StyledComponent<"div", any, {
+    variant?: ComponentVariants;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/index.d.ts

@@ -0,0 +1,2 @@
+import CreditCardNumber from './CreditCardNumber';
+export default CreditCardNumber;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/settings.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardNumberSettings } from './type';
+export declare const creditCardNumberSettings: CreditCardNumberSettings;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/type.d.ts

@@ -0,0 +1,5 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type ComponentVariants = 'regular';
+export declare type CreditCardNumberSettings = ComponentSettings<{
+    variant: ComponentVariant<'variant', ComponentVariants>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/utils/formatCardNumber.d.ts

@@ -0,0 +1 @@
+export declare const formatCardNumber: (number: string) => string;

package/typings/packages/custom-ui-components/src/components/molecules/CreditCardNumber/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { formatCardNumber } from './formatCardNumber';
+export { formatCardNumber };

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { DatePickerTranslations } from './types';
+export interface DatePickerProps {
+    value?: Date;
+    onChange: (date: Date) => void;
+    translations?: DatePickerTranslations;
+    locale?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    portalContainer?: RefObject<HTMLElement>;
+    calendarAlignment?: 'left' | 'right';
+    modalRef?: RefObject<HTMLElement>;
+    disabled?: boolean;
+}
+declare const DatePicker: ({ value, translations, locale, minDate, maxDate, portalContainer, calendarAlignment, onChange, modalRef, disabled, }: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/DatePicker.styles.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '../../../themeBase';
+export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DatePickerStyles: import("styled-components").GlobalStyleComponent<{
+    theme: Theme;
+}, import("styled-components").DefaultTheme>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/constants.d.ts

@@ -0,0 +1 @@
+export declare const CALENDAR_WIDTH = 300;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+import DatePicker from './DatePicker';
+export default DatePicker;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/translations.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerTranslations } from './types';
+export declare const defaultTranslations: DatePickerTranslations;

package/typings/packages/custom-ui-components/src/components/molecules/DatePicker/types.d.ts

@@ -0,0 +1,3 @@
+export declare type DatePickerTranslations = {
+    placeholder: string;
+};

package/typings/packages/custom-ui-components/src/components/molecules/FormField/FormField.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ComponentSize, TooltipProps } from '../../atoms';
+import { LabelPosition } from './types';
+export interface FormFieldProps {
+    label: string;
+    labelPosition?: LabelPosition;
+    name: string;
+    children: React.ReactNode;
+    size?: ComponentSize;
+    disabled?: boolean;
+    hasError?: boolean;
+    error?: string;
+    hint?: string;
+    fullWidth?: boolean;
+    required?: boolean;
+    tooltip?: Omit<TooltipProps, 'children'>;
+    disableMessage?: boolean;
+}
+declare const FormField: ({ label, labelPosition, name, size, disabled, hasError, error, hint, fullWidth, required, disableMessage, tooltip, children, }: FormFieldProps) => JSX.Element;
+export default FormField;

package/typings/packages/custom-ui-components/src/components/molecules/FormField/FormField.styles.d.ts

@@ -0,0 +1,13 @@
+import { ComponentSize, InputMessageType } from '../../atoms';
+import { LabelPosition } from './types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    labelPosition: LabelPosition;
+    fullWidth: boolean;
+}, never>;
+export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {
+    type: InputMessageType;
+}, never>;
+export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {
+    labelPosition: LabelPosition;
+    size: ComponentSize;
+}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/FormField/index.d.ts

@@ -0,0 +1,2 @@
+import FormField from './FormField';
+export default FormField;

package/typings/packages/custom-ui-components/src/components/molecules/FormField/settings.d.ts

@@ -0,0 +1,2 @@
+import { FormFieldSettings } from './types';
+export declare const formFieldSettings: FormFieldSettings;

package/typings/packages/custom-ui-components/src/components/molecules/FormField/types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentVariant, ComponentSettings } from '../../../types';
+export declare type LabelPosition = 'top' | 'left';
+export declare type FormFieldSettings = ComponentSettings<{
+    labelPosition: ComponentVariant<'labelPosition', LabelPosition>;
+}>;

package/typings/packages/custom-ui-components/src/components/molecules/FormField/utils/getMessage.d.ts

@@ -0,0 +1,9 @@
+import { InputMessageType } from '../../../atoms';
+export declare const getMessage: ({ hint, error, hasError, }: {
+    hint: string;
+    error: string;
+    hasError: boolean;
+}) => {
+    messageType: InputMessageType;
+    message: string;
+};

package/typings/packages/custom-ui-components/src/components/molecules/FormField/utils/index.d.ts

@@ -0,0 +1,2 @@
+import { getMessage } from './getMessage';
+export { getMessage };

package/typings/packages/custom-ui-components/src/components/molecules/InputLabel/InputLabel.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TooltipProps } from '../../atoms/Tooltip';
+import { ComponentSize } from '../../atoms/types';
+export interface InputLabelProps {
+    label: string;
+    size?: ComponentSize;
+    disabled?: boolean;
+    htmlFor?: string;
+    required?: boolean;
+    tooltip?: Omit<TooltipProps, 'children'>;
+    textEllipsis?: boolean;
+    flexLabel?: boolean;
+}
+declare const InputLabel: ({ label, size, disabled, required, htmlFor, tooltip, textEllipsis, flexLabel, }: InputLabelProps) => JSX.Element;
+export default InputLabel;

package/typings/packages/custom-ui-components/src/components/molecules/InputLabel/InputLabel.styles.d.ts

@@ -0,0 +1,12 @@
+import { ComponentSize } from '../../atoms';
+import { Color } from './types';
+export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {
+    size: ComponentSize;
+    disabled: boolean;
+    color: Color;
+    flexLabel: boolean;
+}, never>;
+export declare const Marker: import("styled-components").StyledComponent<"span", any, {
+    color: Color;
+}, never>;
+export declare const TextEllipsis: import("styled-components").StyledComponent<"span", any, {}, never>;

package/typings/packages/custom-ui-components/src/components/molecules/InputLabel/index.d.ts

@@ -0,0 +1,2 @@
+import InputLabel from './InputLabel';
+export default InputLabel;