venice-ui 2.4.13 → 3.0.2

package/dist/types/components/Section/Section.styles.d.ts

@@ -1,17 +1,22 @@
-import { TitlePosition } from '../../types';
+import { AppTheme } from '../../config';
+import { TitlePosition } from 'types';
 interface ISectionStyles {
-    backgroundColor: string;
-    noTopPadding?: boolean;
+    theme: AppTheme;
+    config: any;
+    backgroundColor?: string;
+    withoutPadding?: boolean;
 }
-export declare const SectionElement: import("styled-components").StyledComponent<"div", any, ISectionStyles, never>;
+export declare const SectionRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISectionStyles, never>;
 interface ISectionTitleStyle {
+    theme: AppTheme;
+    config: any;
     titlePosition?: TitlePosition;
-    noPadding?: boolean;
     withAction?: boolean;
 }
-export declare const SectionTitle: import("styled-components").StyledComponent<"div", any, ISectionTitleStyle, never>;
+export declare const SectionTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISectionTitleStyle, never>;
 interface ISectionContentStyles {
-    noPadding: boolean;
+    theme: AppTheme;
+    config: any;
 }
-export declare const SectionContent: import("styled-components").StyledComponent<"div", any, ISectionContentStyles, never>;
+export declare const SectionContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISectionContentStyles, never>;
 export {};

package/dist/types/components/Section/index.d.ts

@@ -1 +1,2 @@
 export * from './Section';
+export * from './Section.styles';

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

@@ -1,19 +1,28 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { InputSize, IOption, LabelPosition } from '../../types';
-export interface ISelectorProps {
-    theme?: any;
+import { InputSize, IOption, LabelPosition } from 'types';
+interface ISelectorProps {
+    name: string;
+    value?: string | number;
     label?: string;
     labelPosition?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    placeholder?: string;
     size?: InputSize;
     width?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
     options: IOption[];
-    value?: string | number;
-    name: string;
-    error?: string;
     handleSelect: (name: string, value: string | number) => void;
     handleClear: () => void;
-    optionsPanelTitle?: string;
-    optionsPanelEmptyMsg?: string;
-    disabled?: boolean;
+    emptyStateText?: string;
+    searchable?: boolean;
 }
 export declare const Selector: FC<ISelectorProps>;
+export {};

package/dist/types/components/Selector/Selector.styles.d.ts

@@ -1,19 +1,16 @@
-import { InputSize } from '../../types';
-export declare const SelectorElement: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface ISelectorValueStyle {
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+interface ISelectorWrapperProps {
+    theme: AppTheme;
+    config: any;
     size: InputSize;
-    theme: any;
     isDisabled?: boolean;
 }
-export declare const SelectorValue: import("styled-components").StyledComponent<"div", any, ISelectorValueStyle, never>;
-interface ISelectorActionStyle {
+export declare const SelectorTriger: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISelectorWrapperProps, never>;
+interface ISelectorPanelProps {
+    theme: AppTheme;
+    config: any;
     size: InputSize;
-    isDisabled?: boolean;
-}
-export declare const SelectorAction: import("styled-components").StyledComponent<"div", any, ISelectorActionStyle, never>;
-interface ISelectorValueWrapperStyle {
-    size: InputSize;
-    isDisabled?: boolean;
 }
-export declare const SelectorValueWrapper: import("styled-components").StyledComponent<"div", any, ISelectorValueWrapperStyle, never>;
+export declare const SelectorPill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISelectorPanelProps, never>;
 export {};

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

@@ -1,7 +1,10 @@
+import { AppTheme, ThemeName } from '../../config';
 import React, { FC } from 'react';
-import { IIconsActions } from '../../types';
-interface ISidepanel {
+import { IIconsActions } from 'types';
+interface ISidepanelProps {
     isOpen: boolean;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     children: React.ReactNode;
     handleClose: () => void;
     right?: boolean;
@@ -9,5 +12,5 @@ interface ISidepanel {
     top?: number;
     iconOptions?: IIconsActions[];
 }
-export declare const Sidepanel: FC<ISidepanel>;
+export declare const Sidepanel: FC<ISidepanelProps>;
 export {};

package/dist/types/components/Sidepanel/Sidepanel.styles.d.ts

@@ -1,6 +1,19 @@
+import { AppTheme } from '../../config';
 interface ISidepanelElement {
     right: boolean;
     top: number;
+    config: any;
+    theme: any;
 }
-export declare const SidepanelElement: import("styled-components").StyledComponent<"div", any, ISidepanelElement, never>;
+export declare const SidepanelRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISidepanelElement, never>;
+interface ISidepanelContentProps {
+    config: any;
+    theme: any;
+}
+export declare const SidepanelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISidepanelContentProps, never>;
+interface ISidepanelOverlayerProps {
+    config: any;
+    theme: AppTheme;
+}
+export declare const SidepanelOverlayer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISidepanelOverlayerProps, never>;
 export {};

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

@@ -1,6 +1,8 @@
 import { FC } from 'react';
+import { AppTheme, ThemeName } from '../../config';
 interface ISort {
-    theme?: any;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     handleSort: (order: string) => void;
     activeOrder: string;
     activeField: boolean;

package/dist/types/components/Sort/Sort.styles.d.ts

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

package/dist/types/components/Table/Cell.d.ts

@@ -1,13 +1,15 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
 import { ITableHeaderProps } from './Table';
-import { IAction } from '../../types';
-interface ICell {
+import { IAction } from 'types';
+interface ICellProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     header: ITableHeaderProps;
-    theme?: any;
     moreActions: IAction[];
     item: any;
-    marked?: boolean;
+    selected?: boolean;
     isDisabled?: boolean;
 }
-export declare const Cell: FC<ICell>;
+export declare const Cell: FC<ICellProps>;
 export {};

package/dist/types/components/Table/HeaderCell.d.ts

@@ -1,11 +1,15 @@
 import { FC } from 'react';
 import { ITableHeaderProps, ITableSortProps } from './Table';
+import { AppTheme, ThemeName } from '../../config';
+import { InputSize } from 'types/types';
 interface IHeaderCell {
-    theme?: any;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     header: ITableHeaderProps;
     sortable: boolean;
     handleSort: (targetValue: string, order: string) => void;
     sort: ITableSortProps;
+    size: InputSize;
 }
 export declare const HeaderCell: FC<IHeaderCell>;
 export {};

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

@@ -1,8 +1,21 @@
+import { AppTheme, ThemeName } from '../../config';
 import { FC } from 'react';
-import { IAction } from '../../types';
-export interface ITableScopeProps {
-    key: string;
-    value: string;
+import { IAction, IFilterLabels, InputSize } from 'types';
+interface ITableProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    headers: ITableHeaderProps[];
+    elements: any;
+    moreActions?: IAction[];
+    hover?: boolean;
+    selectable?: boolean;
+    sortable?: boolean;
+    filtrable?: boolean;
+    sort?: ITableSortProps;
+    pageSize?: number;
+    onRowClick?: (id: string) => void;
+    pagination?: boolean;
+    filterLabels?: IFilterLabels;
 }
 export interface ITableHeaderProps {
     name: string;
@@ -12,24 +25,15 @@ export interface ITableHeaderProps {
     action?: boolean;
     isCount?: boolean;
     scope?: ITableScopeProps[];
+    size?: InputSize;
 }
 export interface ITableSortProps {
     name: string;
     order: string;
 }
-interface ITableProps {
-    theme?: any;
-    headers: ITableHeaderProps[];
-    elements: any;
-    moreActions?: IAction[];
-    hover?: boolean;
-    selectable?: boolean;
-    sortable?: boolean;
-    filtrable?: boolean;
-    sort?: ITableSortProps;
-    pageSize?: number;
-    onRowClick?: (id: string) => void;
-    ifPagination?: boolean;
+export interface ITableScopeProps {
+    key: string;
+    value: string;
 }
 export declare const Table: FC<ITableProps>;
 export {};

package/dist/types/components/Table/Table.styles.d.ts

@@ -1,26 +1,72 @@
-export declare const TableWrapper: import("styled-components").StyledComponent<"table", any, {}, never>;
-export declare const TableHead: import("styled-components").StyledComponent<"thead", any, {}, never>;
+import { AppTheme } from 'config/themes';
+import { InputSize } from 'types';
+export declare const TableRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface ITableHeaderProps {
+    theme: AppTheme;
+    config: any;
+    right: boolean;
+}
+export declare const TableHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITableHeaderProps, never>;
+export declare const TableContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HeaderSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface ITableContentProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const TableContent: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, ITableContentProps, never>;
+export declare const TableHead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {}, never>;
+interface ITableHeaderRowProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const TableHeaderRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, ITableHeaderRowProps, never>;
 interface ITableHeaderCellProps {
-    theme: any;
-    sortable: boolean;
+    theme: AppTheme;
+    config: any;
+    size?: InputSize;
+}
+export declare const TableHeaderCell: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, ITableHeaderCellProps, never>;
+interface IHeaderCellContentProps {
+    theme: AppTheme;
+    config: any;
     isSorted: boolean;
 }
-export declare const TableHeaderCell: import("styled-components").StyledComponent<"th", any, ITableHeaderCellProps, never>;
-export declare const OptionTableHeaderCell: import("styled-components").StyledComponent<"th", any, {}, never>;
+export declare const HeaderCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHeaderCellContentProps, never>;
+interface IOptionTableHeaderCellProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const OptionTableHeaderCell: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, IOptionTableHeaderCellProps, never>;
+export declare const IconTableHeaderCell: import("styled-components").StyledComponent<"th", import("styled-components").DefaultTheme, IOptionTableHeaderCellProps, never>;
+interface IOptionTableCellProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const OptionTableCell: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, IOptionTableCellProps, never>;
+export declare const OptionTableCellWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface ITableRowProps {
+    theme: AppTheme;
+    config: any;
     hover: boolean;
     onClick?: (id: string) => void;
     active: boolean;
     selectable: boolean;
+    isDisabled?: boolean;
     pointer?: boolean;
 }
-export declare const TableRow: import("styled-components").StyledComponent<"tr", any, ITableRowProps, never>;
+export declare const TableRow: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, ITableRowProps, never>;
 interface ITableCellProps {
-    theme: any;
-    marked: boolean;
+    theme: AppTheme;
+    config: any;
+    selected: boolean;
+    size?: InputSize;
+}
+export declare const TableCell: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, ITableCellProps, never>;
+interface ITableCellContentProps {
+    theme: AppTheme;
+    config: any;
     disabled: boolean;
 }
-export declare const TableCell: import("styled-components").StyledComponent<"td", any, ITableCellProps, never>;
-export declare const OptionTableCell: import("styled-components").StyledComponent<"td", any, {}, never>;
-export declare const OptionTableCellWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TableCellContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITableCellContentProps, never>;
 export {};

package/dist/types/components/Table/index.d.ts

@@ -1 +1,3 @@
 export * from './Table';
+export * from './Cell';
+export * from './HeaderCell';

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

@@ -0,0 +1,13 @@
+import { AppTheme, ThemeName } from '../../config';
+import { FC } from 'react';
+import { InputSize, TagType } from 'types';
+interface ITagProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    size?: InputSize;
+    label: string;
+    mode?: TagType;
+    handleClose: () => void;
+}
+export declare const Tag: FC<ITagProps>;
+export {};

package/dist/types/components/Tag/Tag.styles.d.ts

@@ -0,0 +1,10 @@
+import { AppTheme } from '../../config';
+import { InputSize, TagType } from 'types';
+interface ITagRootProps {
+    size: InputSize;
+    theme: AppTheme;
+    config: any;
+    mode: TagType;
+}
+export declare const TagRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITagRootProps, never>;
+export {};

package/dist/types/components/Tag/index.d.ts

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

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

@@ -1,13 +1,16 @@
+import { AppTheme, ThemeName } from '../../config';
 import React, { FC } from 'react';
-export interface ITileProps {
-    children: React.ReactNode;
+import { InputSize } from 'types';
+interface ITileProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     title?: string;
-    size?: string;
-    shadow?: boolean;
-    backgroundColor?: string;
-    height?: string;
-    theme?: any;
+    children?: React.ReactNode;
+    customHeader?: React.ReactNode;
     headerDivader?: boolean;
-    decorativeEdge?: boolean;
+    height?: string;
+    size?: InputSize;
+    shadow?: boolean;
 }
 export declare const Tile: FC<ITileProps>;
+export {};

package/dist/types/components/Tile/Tile.styles.d.ts

@@ -1,9 +1,15 @@
-interface ITileElementStyle {
-    size: string;
-    shadow: boolean;
-    backgroundColor: string;
-    height: string;
-    decorativeEdge: boolean;
+import { InputSize } from 'types';
+interface ITileRootStyles {
+    shadow?: boolean;
+    height?: string;
+    theme?: any;
+    config: any;
+    size: InputSize;
 }
-export declare const TileElement: import("styled-components").StyledComponent<"div", any, ITileElementStyle, never>;
+export declare const TileRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITileRootStyles, never>;
+interface ITileContentProps {
+    theme?: any;
+    config: any;
+}
+export declare const TileContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ITileContentProps, never>;
 export {};

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

@@ -0,0 +1,25 @@
+import { AppTheme, ThemeName } from '../../config';
+import { FC } from 'react';
+import { InputSize } from 'types/types';
+import { LabelPosition } from 'types/types';
+interface IToggleProps {
+    name?: string;
+    value: boolean;
+    size?: InputSize;
+    label?: string;
+    labelPosition?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    handleClick: (value: boolean) => void;
+    width?: string;
+    isDisabled?: boolean;
+    labelInversed?: boolean;
+    error?: boolean;
+    helperText?: string;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    componentWidth?: string;
+}
+export declare const Toggle: FC<IToggleProps>;
+export {};

package/dist/types/components/Toggle/Toggle.styles.d.ts

@@ -0,0 +1,24 @@
+import { InputSize } from 'types';
+interface IToggleTrackProps {
+    theme: any;
+    config: any;
+    size: InputSize;
+    width?: string;
+    isDisabled?: boolean;
+    isActive: boolean;
+}
+export declare const ToggleTrack: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IToggleTrackProps, never>;
+interface IComponentRootProps {
+    theme: any;
+    config: any;
+    size: InputSize;
+    isActive: boolean;
+    isDisabled: boolean;
+}
+export declare const TrackThumb: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IComponentRootProps, never>;
+interface IToggleRootProps {
+    isDisabled?: boolean;
+    onClick: () => any;
+}
+export declare const ToggleRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IToggleRootProps, never>;
+export {};

package/dist/types/components/Toggle/index.d.ts

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { InputSize, LabelPosition } from '../../types';
+type TypographyElement = 'div' | 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4';
+interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {
+    color?: string;
+    isDisabled?: boolean;
+    action?: boolean;
+    as?: TypographyElement;
+}
+interface ITextLabelProps extends ITypographyProps {
+    size?: InputSize;
+    labelPosition?: LabelPosition;
+}
+export declare const Title: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const Subtitle: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const Text: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const TextSmall: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const Caption: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const Overline: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ITextLabelProps, never>;
+export declare const TextHeader: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const TextSubHeader: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const TextAccent: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const TextMicro: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ITypographyProps, never>;
+export declare const TextLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, ITextLabelProps, never>;
+export {};

package/dist/types/components/Typography/index.d.ts

@@ -1 +1 @@
-export * from './Typography.styles';
+export * from './Typography';

package/dist/types/config/componentTheme.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentsConfig } from './config';
+import { type AppTheme, type ThemeName } from './themes';
+export declare const isAppTheme: (value: unknown) => value is AppTheme;
+export declare const resolveThemeWithComponentsConfig: ({ theme, themeVariant, }: {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+}) => {
+    resolvedTheme: AppTheme;
+    componentsConfig: ComponentsConfig;
+};