@fattureincloud/fic-design-system 0.3.22 → 0.4.0-rc.0

package/dist/components/chips/chips.stories.d.ts

@@ -1 +1,6 @@
-export {};
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Chip } from '.';
+export declare const Normal: () => JSX.Element;
+declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
+export default ChipStories;

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { ChipsProps } from '../types';
-export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+import { ChipsProps } from '../types';
+export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/chips/index.d.ts

@@ -1,2 +1,2 @@
-import Chip from './chips';
-export { Chip };
+import Chip from './chips';
+export { Chip };

package/dist/components/chips/types.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-export interface ChipsProps {
-    text?: string | number;
-    statusEdit?: boolean;
-    closeAction?: () => void;
-}
-export declare type TChip = React.FunctionComponent<ChipsProps>;
-export interface UnstyledChipProps extends ChipsProps {
-}
-export interface UnstyledChipState {
-}
+/// <reference types="react" />
+export interface ChipsProps {
+    text?: string | number;
+    statusEdit?: boolean;
+    closeAction?: () => void;
+}
+export declare type TChip = React.FunctionComponent<ChipsProps>;
+export interface UnstyledChipProps extends ChipsProps {
+}
+export interface UnstyledChipState {
+}

package/dist/components/drawer/components/styledDrawerWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { UnstyledDrawerProps } from '../types';
-export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledDrawerProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+import { UnstyledDrawerProps } from '../types';
+export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledDrawerProps, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/drawer/drawer.d.ts

@@ -1,8 +1,8 @@
-import { Component } from 'react';
-import { TDrawer, UnstyledDrawerProps, UnstyledDrawerState } from './types';
-export declare class UnstyledDrawer extends Component<UnstyledDrawerProps, UnstyledDrawerState> {
-    constructor(props: UnstyledDrawerProps);
-    render(): JSX.Element;
-}
-declare const Drawer: TDrawer;
-export default Drawer;
+import { Component } from 'react';
+import { TDrawer, UnstyledDrawerProps, UnstyledDrawerState } from './types';
+export declare class UnstyledDrawer extends Component<UnstyledDrawerProps, UnstyledDrawerState> {
+    constructor(props: UnstyledDrawerProps);
+    render(): JSX.Element;
+}
+declare const Drawer: TDrawer;
+export default Drawer;

package/dist/components/drawer/drawer.stories.d.ts

@@ -1,2 +1,8 @@
-/// <reference types="react" />
-export declare const DrawerGroup: () => JSX.Element;
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Drawer } from '.';
+export declare const DrawerGroup: () => JSX.Element;
+export declare const Editable: () => JSX.Element;
+export declare const WithState: () => JSX.Element;
+declare const DrawerStories: Meta<ComponentProps<typeof Drawer>>;
+export default DrawerStories;

package/dist/components/drawer/index.d.ts

@@ -1,2 +1,2 @@
-import Drawer from './drawer';
-export { Drawer };
+import Drawer from './drawer';
+export { Drawer };

package/dist/components/drawer/types.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-interface Props {
-    show?: boolean;
-    title?: string;
-    renderHeader?: () => JSX.Element;
-    renderFooter?: () => JSX.Element;
-    actionClose?: () => void;
-}
-export declare type TDrawer = React.FunctionComponent<Props>;
-export interface UnstyledDrawerProps extends Props {
-}
-export interface UnstyledDrawerState {
-}
-export {};
+/// <reference types="react" />
+interface Props {
+    show?: boolean;
+    title?: string;
+    renderHeader?: () => JSX.Element;
+    renderFooter?: () => JSX.Element;
+    actionClose?: () => void;
+}
+export declare type TDrawer = React.FunctionComponent<Props>;
+export interface UnstyledDrawerProps extends Props {
+}
+export interface UnstyledDrawerState {
+}
+export {};

package/dist/components/drawer/utils.d.ts

@@ -1 +1 @@
-export declare const showHandler: (show?: boolean | undefined) => import("styled-components").FlattenSimpleInterpolation | undefined;
+export declare const showHandler: (show?: boolean | undefined) => import("styled-components").FlattenSimpleInterpolation | undefined;

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { DropdownProps } from './types';
-declare const DropdownImpl: (props: DropdownProps) => JSX.Element;
-export default DropdownImpl;
+import { DropdownProps } from './types';
+declare const DropdownImpl: (props: DropdownProps) => JSX.Element;
+export default DropdownImpl;

package/dist/components/dropdown/components/DefaultDropdown.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { DropdownItemProps, DropdownProps } from '../types';
-interface Props {
-    content: DropdownItemProps[];
-    fullWidth: DropdownProps['fullWidth'];
-    maxWidth: DropdownProps['maxWidth'];
-    closeDropdown: () => void;
-}
-declare const DefaultDropdown: ({ closeDropdown, content, fullWidth, maxWidth }: Props) => JSX.Element;
-export default DefaultDropdown;
+import { DropdownItemProps, DropdownProps } from '../types';
+interface Props {
+    content: DropdownItemProps[];
+    fullWidth: DropdownProps['fullWidth'];
+    maxWidth: DropdownProps['maxWidth'];
+    closeDropdown: () => void;
+}
+declare const DefaultDropdown: ({ closeDropdown, content, fullWidth, maxWidth }: Props) => JSX.Element;
+export default DefaultDropdown;

package/dist/components/dropdown/components/DefaultTrigger.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-interface Props {
-    title: string;
-}
-declare const DefaultTrigger: ({ title }: Props) => JSX.Element;
-export default DefaultTrigger;
+interface Props {
+    title: string;
+}
+declare const DefaultTrigger: ({ title }: Props) => JSX.Element;
+export default DefaultTrigger;

package/dist/components/dropdown/components/Item.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { DropdownItemProps } from '../types';
-import { DropdownItemStyles } from '../utils';
-declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisabled, ...rest }: DropdownItemProps) => JSX.Element;
-export interface StyledItemProps extends Pick<DropdownItemProps, 'fullWidth' | 'maxWidth' | 'active' | 'isDisabled' | 'type'> {
-    hasAction: boolean;
-}
-export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "opacity" | "background" | "hoverBackground" | "cursor">;
-export default Item;
+import { DropdownItemProps } from '../types';
+import { DropdownItemStyles } from '../utils';
+declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisabled, ...rest }: DropdownItemProps) => JSX.Element;
+export interface StyledItemProps extends Pick<DropdownItemProps, 'fullWidth' | 'maxWidth' | 'active' | 'isDisabled' | 'type'> {
+    hasAction: boolean;
+}
+export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, keyof DropdownItemStyles>;
+export default Item;

package/dist/components/dropdown/components/Separator.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Separator: () => JSX.Element;
-export default Separator;
+declare const Separator: () => JSX.Element;
+export default Separator;

package/dist/components/dropdown/components/ShortcutText.d.ts

@@ -1 +1 @@
-export declare const ShortcutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ShortcutText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/dropdown/components/Title.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { TitleProps } from '../types';
-declare const Title: (props: TitleProps) => JSX.Element;
-export default Title;
+import { TitleProps } from '../types';
+declare const Title: (props: TitleProps) => JSX.Element;
+export default Title;

package/dist/components/dropdown/components/UserListItem.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { UserListItemProps } from '../types';
-export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
-export declare const UserListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    clickable: boolean;
-}, never>;
+import { UserListItemProps } from '../types';
+export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
+export declare const UserListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    clickable: boolean;
+}, never>;

package/dist/components/dropdown/dropdown.d.ts

@@ -1,14 +1,14 @@
-import { Component } from 'react';
-import DropdownItem from './components/Item';
-import DropdownSeparator from './components/Separator';
-import DropdownTitle from './components/Title';
-import { UserListItem } from './components/UserListItem';
-import { DropdownProps } from './types';
-export declare class Dropdown extends Component<DropdownProps> {
-    static Item: typeof DropdownItem;
-    static Title: typeof DropdownTitle;
-    static Separator: typeof DropdownSeparator;
-    static UserListItem: typeof UserListItem;
-    render(): JSX.Element;
-}
-export default Dropdown;
+import { Component } from 'react';
+import DropdownItem from './components/Item';
+import DropdownSeparator from './components/Separator';
+import DropdownTitle from './components/Title';
+import { UserListItem } from './components/UserListItem';
+import { DropdownProps } from './types';
+export declare class Dropdown extends Component<DropdownProps> {
+    static Item: typeof DropdownItem;
+    static Title: typeof DropdownTitle;
+    static Separator: typeof DropdownSeparator;
+    static UserListItem: typeof UserListItem;
+    render(): JSX.Element;
+}
+export default Dropdown;

package/dist/components/dropdown/dropdown.stories.d.ts

@@ -1 +1,6 @@
-export {};
+import { Meta } from '@storybook/react';
+import { DropdownProps } from './types';
+export declare const Simple: () => JSX.Element;
+export declare const WithKnobs: () => JSX.Element;
+declare const DropdownStories: Meta<DropdownProps>;
+export default DropdownStories;

package/dist/components/dropdown/dropdownPalette.d.ts

@@ -1,18 +1,18 @@
-import { colorsPalette } from '../../common/types/colorsPalette';
-import { paletteColor } from '../../styles/types';
-import { DropdownItemType } from './types';
-interface ItemColors extends colorsPalette {
-    hoverBackground: paletteColor;
-}
-declare type NotActiveItemPalette = {
-    [k in DropdownItemType]: ItemColors;
-};
-interface ItemPalette {
-    active: ItemColors;
-    notActive: NotActiveItemPalette;
-}
-export interface DropdownPalette {
-    items: ItemPalette;
-}
-declare const dropdownPalette: DropdownPalette;
-export default dropdownPalette;
+import { colorsPalette } from '../../common/types/colorsPalette';
+import { paletteColor } from '../../styles/types';
+import { DropdownItemType } from './types';
+interface ItemColors extends colorsPalette {
+    hoverBackground: paletteColor;
+}
+declare type NotActiveItemPalette = {
+    [k in DropdownItemType]: ItemColors;
+};
+interface ItemPalette {
+    active: ItemColors;
+    notActive: NotActiveItemPalette;
+}
+export interface DropdownPalette {
+    items: ItemPalette;
+}
+declare const dropdownPalette: DropdownPalette;
+export default dropdownPalette;

package/dist/components/dropdown/index.d.ts

@@ -1,4 +1,4 @@
-import Dropdown from './dropdown';
-import dropdownPalette, { DropdownPalette } from './dropdownPalette';
-import { closeDropdownType, DropdownItemProps } from './types';
-export { Dropdown, closeDropdownType, dropdownPalette, DropdownPalette, DropdownItemProps };
+import Dropdown from './dropdown';
+import dropdownPalette, { DropdownPalette } from './dropdownPalette';
+import { closeDropdownType, DropdownItemProps, renderContentType } from './types';
+export { Dropdown, closeDropdownType, renderContentType, dropdownPalette, DropdownPalette, DropdownItemProps };

package/dist/components/dropdown/types.d.ts

@@ -1,51 +1,52 @@
-import { Placement } from '@popperjs/core/lib/enums';
-import React, { CSSProperties, MouseEventHandler } from 'react';
-import { AvatarAllowedSizes } from '../avatar/types';
-import { IconProps } from '../icon';
-export declare type TitleProps = {
-    text: string;
-};
-export declare type closeDropdownType = () => void;
-export declare type DropdownProps = {
-    className?: string;
-    title?: string;
-    renderTrigger?: () => React.ReactNode;
-    triggerStyles?: CSSProperties;
-    content?: DropdownItemProps[];
-    renderContent?: (closeDropdown: closeDropdownType) => React.ReactNode;
-    maxWidth?: string;
-    fullWidth?: boolean;
-    placement?: Placement;
-    minWidthAsTrigger?: boolean;
-    forceOpen?: boolean;
-};
-export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
-export interface DropdownItemProps {
-    text: string | JSX.Element;
-    className?: string;
-    icon?: IconProps;
-    active?: boolean;
-    shortcut?: string;
-    onClick?: MouseEventHandler;
-    maxWidth?: DropdownProps['maxWidth'];
-    fullWidth?: DropdownProps['fullWidth'];
-    children?: React.ReactChild;
-    isDisabled?: boolean;
-    type?: DropdownItemType;
-}
-export interface UserListItemProps {
-    img?: string;
-    placeholder?: string;
-    avatarSize?: AvatarAllowedSizes;
-    noText?: string;
-    text?: string;
-    renderText?: JSX.Element;
-    onClick?: () => void;
-}
-export interface Dropdown {
-    Container: React.FC<DropdownProps>;
-    Item: React.FC<DropdownItemProps>;
-    Separator: React.FC;
-    UserListItem: React.FC<UserListItemProps>;
-    Title: React.FC<TitleProps>;
-}
+import { Placement } from '@popperjs/core/lib/enums';
+import React, { CSSProperties, MouseEventHandler } from 'react';
+import { AvatarAllowedSizes } from '../avatar/types';
+import { IconProps } from '../icon';
+export declare type TitleProps = {
+    text: string;
+};
+export declare type closeDropdownType = () => void;
+export declare type renderContentType = (closeDropdown: closeDropdownType) => React.ReactNode;
+export declare type DropdownProps = {
+    className?: string;
+    title?: string;
+    renderTrigger?: () => React.ReactNode;
+    triggerStyles?: CSSProperties;
+    content?: DropdownItemProps[];
+    renderContent?: renderContentType;
+    maxWidth?: string;
+    fullWidth?: boolean;
+    placement?: Placement;
+    minWidthAsTrigger?: boolean;
+    forceOpen?: boolean;
+};
+export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
+export interface DropdownItemProps {
+    text: string | JSX.Element;
+    className?: string;
+    icon?: IconProps;
+    active?: boolean;
+    shortcut?: string;
+    onClick?: MouseEventHandler;
+    maxWidth?: DropdownProps['maxWidth'];
+    fullWidth?: DropdownProps['fullWidth'];
+    children?: React.ReactChild;
+    isDisabled?: boolean;
+    type?: DropdownItemType;
+}
+export interface UserListItemProps {
+    img?: string;
+    placeholder?: string;
+    avatarSize?: AvatarAllowedSizes;
+    noText?: string;
+    text?: string;
+    renderText?: JSX.Element;
+    onClick?: () => void;
+}
+export interface Dropdown {
+    Container: React.FC<DropdownProps>;
+    Item: React.FC<DropdownItemProps>;
+    Separator: React.FC;
+    UserListItem: React.FC<UserListItemProps>;
+    Title: React.FC<TitleProps>;
+}

package/dist/components/dropdown/utils.d.ts

@@ -1,15 +1,15 @@
-import { DefaultTheme } from 'styled-components';
-import { paletteColor } from '../../styles/types';
-import { StyledItemProps } from './components/Item';
-interface GetDropdownItemStylesParams extends StyledItemProps {
-    theme: DefaultTheme;
-}
-export interface DropdownItemStyles {
-    opacity: number;
-    background: paletteColor;
-    color: paletteColor;
-    hoverBackground: paletteColor;
-    cursor: string;
-}
-export declare const getDropdownItemStyles: ({ theme, isDisabled, active, hasAction, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
-export {};
+import { DefaultTheme } from 'styled-components';
+import { paletteColor } from '../../styles/types';
+import { StyledItemProps } from './components/Item';
+interface GetDropdownItemStylesParams extends StyledItemProps {
+    theme: DefaultTheme;
+}
+export interface DropdownItemStyles {
+    opacity: number;
+    background: paletteColor;
+    color: paletteColor;
+    hoverBackground: paletteColor;
+    cursor: string;
+}
+export declare const getDropdownItemStyles: ({ theme, isDisabled, active, hasAction, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
+export {};

package/dist/components/floatingBadge/floatingBadge.d.ts

@@ -1,2 +1,2 @@
-import { FloatingBadgeProps } from './types';
-export declare const FloatingBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FloatingBadgeProps, never>;
+import { FloatingBadgeProps } from './types';
+export declare const FloatingBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, FloatingBadgeProps, never>;

package/dist/components/floatingBadge/floatingBadge.stories.d.ts

@@ -1 +1,6 @@
-export {};
+import { Meta } from '@storybook/react';
+import { WithBadgeProps } from './types';
+export declare const Normal: () => JSX.Element;
+export declare const WithKnobs: () => JSX.Element;
+declare const WithBadgeStories: Meta<WithBadgeProps>;
+export default WithBadgeStories;

package/dist/components/floatingBadge/index.d.ts

@@ -1,2 +1,2 @@
-import WithBadge from './withBadge';
-export { WithBadge };
+import WithBadge from './withBadge';
+export { WithBadge };

package/dist/components/floatingBadge/types.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-export interface FloatingBadgeProps {
-    counter?: string | number;
-    size?: 'small' | 'medium' | 'large';
-    top?: number;
-    right?: number;
-    className?: string;
-}
-export interface WithBadgeProps extends FloatingBadgeProps {
-    isDisabled?: boolean;
-    children: React.ReactNode;
-}
+import React from 'react';
+export interface FloatingBadgeProps {
+    counter?: string | number;
+    size?: 'small' | 'medium' | 'large';
+    top?: number;
+    right?: number;
+    className?: string;
+}
+export interface WithBadgeProps extends FloatingBadgeProps {
+    isDisabled?: boolean;
+    children: React.ReactNode;
+}

package/dist/components/floatingBadge/withBadge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { WithBadgeProps } from './types';
-declare const WithBadge: (props: WithBadgeProps) => JSX.Element;
-export default WithBadge;
+import { WithBadgeProps } from './types';
+declare const WithBadge: (props: WithBadgeProps) => JSX.Element;
+export default WithBadge;

package/dist/components/form/checkbox/components/Input.d.ts

@@ -5,5 +5,5 @@ export interface CheckboxInputProps {
     large?: boolean;
     hasError: boolean;
 }
-declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "backgroundColor" | "cursor" | "height" | "opacity" | "width" | "borderColor" | "tickColor">;
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
 export default Input;

package/dist/components/form/checkbox/components/Label.d.ts

@@ -4,5 +4,5 @@ export interface CheckboxLabelProps {
     isDisabled?: boolean;
     hasError: boolean;
 }
-declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "cursor" | "fontSize" | "opacity">;
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;
 export default Label;

package/dist/components/form/checkbox/hooks/useCheckboxValue.d.ts

@@ -7,5 +7,5 @@ interface UseCheckboxValueReturn {
     setIndeterminate: () => void;
     toggleCheckbox: () => void;
 }
-declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+declare const useCheckboxValue: (initialValue?: checkboxStatus | boolean) => UseCheckboxValueReturn;
 export default useCheckboxValue;

package/dist/components/form/checkbox/utils.d.ts

@@ -20,5 +20,5 @@ declare type statusIconType = {
     [k in checkboxStatus]: IconProps['icon'] | null;
 };
 export declare const statusIcon: statusIconType;
-export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export declare const convertToStatus: (value: boolean | checkboxStatus) => checkboxStatus;
 export {};

package/dist/components/form/common/components/ComplexInputWrapper.d.ts

@@ -1,2 +1,2 @@
-declare const ComplexInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export default ComplexInputWrapper;
+declare const ComplexInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default ComplexInputWrapper;

package/dist/components/form/common/styles.d.ts

@@ -1,9 +1,9 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-import { CommonInputParts, statusType } from './types';
-export interface BoxedInputWrapperProps extends colorsPalette {
-    borderColor: paletteColor;
-    normalFocused: CommonInputParts;
-    status: statusType;
-}
-export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from './types';
+export interface BoxedInputWrapperProps extends colorsPalette {
+    borderColor: paletteColor;
+    normalFocused: CommonInputParts;
+    status?: statusType;
+}
+export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;

package/dist/components/form/common/types.d.ts

@@ -1,14 +1,16 @@
-import { colorsPalette } from '../../../common/types/colorsPalette';
-import { paletteColor } from '../../../styles/types';
-import { InputHelperProps } from '../inputHelper';
-export declare type inputSizeType = 'large' | 'medium';
-export declare type statusType = 'normal' | 'success' | 'warning' | 'error';
-export interface CommonFormTypes {
-    inputSize?: inputSizeType;
-    isDisabled?: boolean;
-    helper?: InputHelperProps;
-    status?: statusType;
-}
-export interface CommonInputParts extends colorsPalette {
-    borderColor: paletteColor;
-}
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { InputHelperProps } from '../inputHelper';
+export declare const inputSizeArray: string[];
+export declare type inputSizeType = typeof inputSizeArray[number];
+export declare const statusesArray: string[];
+export declare type statusType = typeof statusesArray[number];
+export interface CommonFormTypes {
+    inputSize?: inputSizeType;
+    isDisabled?: boolean;
+    helper?: InputHelperProps;
+    status?: statusType;
+}
+export interface CommonInputParts extends colorsPalette {
+    borderColor: paletteColor;
+}